- 33
- 164 919
The CodeReveal
India
เข้าร่วมเมื่อ 1 ต.ค. 2016
Learn by doing! 'The CodeReveal' channel empowers you to master coding with hands-on, practical guides. We deliver the best IT knowledge, from fundamental concepts to advanced techniques, all backed by complete source code and real-world examples.
Join us, and let's code together!
Join us, and let's code together!
E-commerce Website - Building the Admin Panel | Final Part
Building the admin panel for the E-commerce website.
Techstack Used-
ReactJS, Spring Boot, react-admin, PostgreSQL
Support me on - buymeacoffee.com/thecodereveal
Source code - github.com/pardeep16/shopEase
Techstack Used-
ReactJS, Spring Boot, react-admin, PostgreSQL
Support me on - buymeacoffee.com/thecodereveal
Source code - github.com/pardeep16/shopEase
มุมมอง: 506
วีดีโอ
Build an E-commerce Website | Order Tracking & Admin Panel | Part - 09
มุมมอง 66614 วันที่ผ่านมา
Hi there! 👋 In this video, we will build the order tracking page, where users can view their placed orders and take actions like tracking or canceling them. Additionally, we will begin developing the admin panel. Topics Covered- - ✅ Order Tracker - ✅ Order Cancellation Feature - ✅ react-admin - ✅ Integration of react-admin with backend APIs Support me on - buymeacoffee.com/thecodereveal Source ...
Build an E-commerce Website with ReactJS and Spring Boot | Account Details Page | Part - 08
มุมมอง 59114 วันที่ผ่านมา
Hey there 👋, In this video, we will cover the account details page, where we can update the address, display user details, and track orders. Support me on - buymeacoffee.com/thecodereveal Source code - github.com/pardeep16/shopEase
Complete Checkout & Payment Integration | E-commerce Website | Part 07
มุมมอง 953หลายเดือนก่อน
Hey there 👋, In this video, we’ll cover the topics below. ✅ Order & Cart Management 🛒 ✅ Checkout Process ✅ Payment integration with Stripe. 💳 ✅ Order & Payment REST APIs ✅ UI Pages for cart, checkout order & payment flow. Support me on - buymeacoffee.com/thecodereveal Source code - github.com/pardeep16/shopEase
Complete Spring Security with ReactJS | E-commerce Full-Stack Website | Part - 06
มุมมอง 1.9Kหลายเดือนก่อน
Hey there 👋, In this video we will cover complete authentication for the E-commerce Website. You will learn the topics below. ✅Spring Security 🔒 ✅Username/Password Authentication ✅JWT Auth ✅OAuth2 Sign In With Google ✅ Email code verification ✅ Login & Registration UI Forms ✅ API Integration Support me on - buymeacoffee.com/thecodereveal Source code - github.com/pardeep16/shopEase/tree/06-Authe...
Spring Boot REST APIs Integration with ReactJS | Full-Stack E-commerce Website | Part 05
มุมมอง 1.8Kหลายเดือนก่อน
Topics covered - Spring Boot REST APIs Integration Install Axios Setup Redux - ReactJS UI State Management - UI Source Code - github.com/pardeep16/shopEase Support me on - buymeacoffee.com/thecodereveal #reactfrontend #fullstackwebdevelopment #ecommercewebsite #apiintegration #youtube #react #springboot #reactproject #sourcecode
E-commerce Website with ReactJS + Spring Boot - Product Detail Page & REST APIs - Part 04
มุมมอง 3.3K2 หลายเดือนก่อน
In this video, we dive into building the Product Detail Page using React.js and integrating it with powerful REST APIs in Spring Boot! Watch as we dynamically connect the front-end to display product information and we will create REST APIs! Let’s take your e-commerce project one step closer to completion. Don't miss out-let's code together! 💻✨ Github Source Code - github.com/pardeep16/shopEase...
Build an E-commerce Website | ReactJS, Spring Boot | Product List Page - Part 03
มุมมอง 1.7K2 หลายเดือนก่อน
Hi Everyone, This is another part of the Full-Stack E-commerce course with ReactJS and Spring Boot. In this video, we are going to create a complete Product List Page for the Shopping E-commerce Website. Source Code - github.com/pardeep16/shopEase Figma - www.figma.com/design/LuA9ntb3NuubhmPxpx5htn/ShopEase?node-id=1-135&t=QC6qK35duzZhUjlc-0 Support me on - buymeacoffee.com/thecodereveal Don’t ...
02 Add Routing | Full-Stack E-commerce Project | React Router DOM
มุมมอง 1.1K3 หลายเดือนก่อน
Welcome to Part 2 of our Fullstack E-Commerce Project series! In this video, we'll dive into setting up React Router DOM to manage the navigation within our React application. We'll guide you through creating a smooth, multi-page user experience essential for any modern web application. Next, we'll build the Product List Page, where we will create a page for all the categories. Source Code: git...
Build a Full-Stack E-commerce project using ReactJS, Spring Boot 2024
มุมมอง 10K3 หลายเดือนก่อน
Hi Everyone, This is a full-stack course for building an E-commerce website using ReactJS & Spring Boot. In this video, we will cover the below sections. Source Code - github.com/pardeep16/shopEase Support me on - buymeacoffee.com/thecodereveal Part 2 - th-cam.com/video/LdEO5nPOaa0/w-d-xo.htmlsi=C4l0hOh6GNtlkzgq Part 3- th-cam.com/video/4nGZQbY8QTI/w-d-xo.htmlsi=12pgclLhhmjUlfV8 Part 4 - th-cam...
NextJs Tutorial - Build and Deploy a Portfolio Website with Next.js 14, Typescript, Tailwind CSS
มุมมอง 1.5K6 หลายเดือนก่อน
Learn How to Build a portfolio website with Next.js 14 & Tailwind CSS. Source Code:- github.com/pardeep16/nextjs-portfolio Live Demo: nextjs-portfolio-topaz-chi-25.vercel.app Subscribe: @TheCodeReveal In this tutorial, we will create a responsive portfolio website with animated views. We will configure the option to select themes like dark or light. We will create a navigation bar and multiple ...
Day 2 Project Ecommerce store with Reactjs | React Routing | Navigation | Complete Tutorial
มุมมอง 6483 ปีที่แล้ว
Day 2 Project Ecommerce store with Reactjs | React Routing | Navigation | Complete Tutorial
Let's Build an Ecommerce Website with Reactjs | Stripe | Day 1 | Complete Project
มุมมอง 1.1K3 ปีที่แล้ว
Let's Build an Ecommerce Website with Reactjs | Stripe | Day 1 | Complete Project
Complete Spring Unit Testing with JUnit & Mockito | Spring Boot | Live Demo with Project
มุมมอง 1.3K3 ปีที่แล้ว
Complete Spring Unit Testing with JUnit & Mockito | Spring Boot | Live Demo with Project
Spring AOP With Examples | Spring Boot | Live Demo with Project | Spring Framework Series 2021
มุมมอง 17K3 ปีที่แล้ว
Spring AOP With Examples | Spring Boot | Live Demo with Project | Spring Framework Series 2021
Spring Framework Tutorial - 2021 | Complete Spring Hands-on Guide | Java Framework
มุมมอง 1.6K3 ปีที่แล้ว
Spring Framework Tutorial - 2021 | Complete Spring Hands-on Guide | Java Framework
Getting Started with Strapi | Build complete REST API WITHOUT Coding | Working Demo | The CodeReveal
มุมมอง 6713 ปีที่แล้ว
Getting Started with Strapi | Build complete REST API WITHOUT Coding | Working Demo | The CodeReveal
React for Beginners | Complete Project | Todo List | The Codereveal
มุมมอง 7753 ปีที่แล้ว
React for Beginners | Complete Project | Todo List | The Codereveal
Build a Backend REST API with Spring Boot, MySQL, JPA | To-do App | OpenAPI | The CodeReveal
มุมมอง 9533 ปีที่แล้ว
Build a Backend REST API with Spring Boot, MySQL, JPA | To-do App | OpenAPI | The CodeReveal
Build a To-Do App - Full Stack | Reactjs, Spring Boot | Overview
มุมมอง 1.9K3 ปีที่แล้ว
Build a To-Do App - Full Stack | Reactjs, Spring Boot | Overview
02 CI/CD | How to Deploy Spring Boot Application | MySQL | Live Demo | The CodeReveal
มุมมอง 5723 ปีที่แล้ว
02 CI/CD | How to Deploy Spring Boot Application | MySQL | Live Demo | The CodeReveal
How to deploy Reactjs, Spring Boot Application | CI/CD Pipeline | Github Actions | The CodeReveal
มุมมอง 9K3 ปีที่แล้ว
How to deploy Reactjs, Spring Boot Application | CI/CD Pipeline | Github Actions | The CodeReveal
Complete Spring Security | JWT | Reactjs | JPA, Spring Boot | Working Demo | The CodeReveal
มุมมอง 93K3 ปีที่แล้ว
Complete Spring Security | JWT | Reactjs | JPA, Spring Boot | Working Demo | The CodeReveal
Spring Boot + Spring Data JPA, H2 Database - CRUD Operations Demo | Part 2 | CodeReveal
มุมมอง 1.1K4 ปีที่แล้ว
Spring Boot Spring Data JPA, H2 Database - CRUD Operations Demo | Part 2 | CodeReveal
Spring Boot + Spring Data JPA, H2 Database - CRUD Operations Demo | Part 1 | CodeReveal
มุมมอง 3.9K4 ปีที่แล้ว
Spring Boot Spring Data JPA, H2 Database - CRUD Operations Demo | Part 1 | CodeReveal
Install and fix pip in windows| Python 3 | Code Reveal
มุมมอง 2626 ปีที่แล้ว
Install and fix pip in windows| Python 3 | Code Reveal
Get Free LinkedIn Plural sight Subscription | Azure , Pluralsight , Data Camp and many more ....
มุมมอง 4896 ปีที่แล้ว
Get Free LinkedIn Plural sight Subscription | Azure , Pluralsight , Data Camp and many more ....
How to Download Udemy paid Courses FREE | Spring, Java, Angular | Code Reveal
มุมมอง 8806 ปีที่แล้ว
How to Download Udemy paid Courses FREE | Spring, Java, Angular | Code Reveal
hi bro, where do you save uploaded photos?
I have used this CDN - bunny.net?ref=2nb008mgob
how did you get the font files, are to download it somewhere, it wasnt descriptive enough
@@atinukerenike1839 use this link fonts.google.com/specimen/Inter and click on get fonts button
Tysm teacher, Im finished !! 🌟 Could u do in Admin panel in handling more fields for product like category, category type, also add or edit variants, product resource, handle uploading multiple file when create/updateproduct. Have a beautiful day 🥰
@@menuthemearchive5897 sure, I will do that in the next part.
@@TheCodeRevealwe long for that, day by day 🌹💖
The king is finally back ❤🔥 How long will we have the next parts, sirr? 😳👉👈
@@readyforwar2557 I want to publish it after every 2 days 😃 let's see I will try my best.
finally after a long wait 🙂, but in mean while I have add some more features like add to wishlist functionality and pagination for product list page and carousel slider for home page. And also planning to switch to react query for async operation instead of redux
@@TicTac02 great 😃
Hi. Could you add pagination on each product ?
@@hugomendez7659 okay 👍
Do you have fiverr? i need the same project with a little bit modification, i will buy it.
Kya yeh website Responsive hai ?
Its responsive Website ?
Are you going to deploy this project in AWS or any other cloud platform?
how many videos are left?
I am eagerly waiting for your next video.♥
This is the most valuable course on yt ngl. I have to rewatch this course multiple times while waiting for a new part. Please release a new part, my goat. 🌹
thanks.. sure 🙂
What will be in the next part, and when will you post it?
Next Part - Account Section ( Personal Info, Order Tracking), Admin Panel, etc. will try to publish it in the next 2 days
@@TheCodeReveal still waiting 🙂
@@TheCodeReveal still waiting 🥲
@@TheCodeReveal ughh Im excited for that
@@TheCodeReveal Still waiting
Can we save logged in user info into context instead of call user info API again and again, and use whenever required
@@TicTac02 yes we can do that.. only while checkout the order its better we call backend to get the updated info.. in a edge case let's say if we are updating the user info /address details in an another tab or window.
@@TheCodeReveal got it
it is okay use C-R-A ? i mean it should use vite ?
@@aliimron5883ideally SSR would be the better option. But if you want to start without any configuration you can use CRA and if performance is a concern or support of multiple UI frameworks then vite.
bro plz give some common file like images, Css and any other file that you are copy pasted that is helps us a lot
everything you can find in this repo. github.com/pardeep16/shopEase
@@TheCodeReveal Thanks it will very helpfull
Hello sirr, could you handle selecting users' saved addresses in checkout and an address management section for users? Thank you sm for the course ~
Hi. I have a question. Does this project have pagination when displaying products?
And another question. Do you use cloudinary for uploading images at each product?
@@hugomendez7659 no, currently it doesn't have support of pagination.
Your upload made my day, kingg 🥰 We are dying to see what's next!!!🤗
@@readyforwar2557 🙂
How long will it take you to complete this series?
btw i love your videos ♥
@@hi-techmaster286 almost done. One more will be uploaded by this week.
We are so excited about your latest upload🥰 I hope you release new part every three days🥺🥺
@@readyforwar2557 sure.
Is this last part ?
@@maxximsnewsl9975 nope.
@@TheCodeReveal how many videos are there?
@@maxximsnewsl9975 probably 2-3 .. payment integration,order tracking and admin panel
Thank you can you give it quickly .
@@maxximsnewsl9975 sure
quite helpful!
I love that you've used the latest versions of Spring Security and JJWT. Almost all TH-cam tutorials use older versions with deprecated methods. I'm also looking for guidance on configuring OAuth, as it's always been confusing for me.
is it based on Microservices architecture?
@@rahatsaifi No it's a single source code
Hello sir, is it okay to replace PorstreSQL with MySQL for mine? Thank you!
@@readyforwar2557 yes you can replace it with MySQL database.
When will the next part come
In the next 2-3 days.
@@TheCodeReveal still waiting
@@TicTac02 sorry for the delay.. th-cam.com/video/MutS1GVvCnQ/w-d-xo.htmlsi=JIsPoBaufc1runJE
Can you share github link for the above project?
github.com/pardeep16/shopEase
Completed till this part, waiting for next one 😊😊 Btw love your content and excited to see the final version of this project
Thanks 🙂
Is this latest part ?
@@mirsaid-ahmadkhujamurtazoe7092 No there are some more parts.. like authentication, payment gateway, order management, admin panel. etc.
@@TheCodeReveal ooh it sounds great . Keep going man, 👍
why is there no user entity? shouldnt there be users too? like an admin and a normal user?
@@CRiTiCEL yes I will cover this in authentication.. there are some more parts.
@@TheCodeReveal looking forward to that
Add Payment Gateway
Sure
Thanks, brother, for your valuable support. Keep it up
@@codebuilder1897 thankyou
wow, thank you for this course
where is the next part of this project
Keep going, very good tutorial!! Thanks.
Following on GitHub
Very helpful..
Will you make admin panel where the Admin can add products and see the orders
@@AnimeExplainer-b6k sure, after completing this will add the admin panel too
this is great. I am awaiting for your Spring Boot part too. This may be one of the very less fuill-stack demo with React and Spring Boot. Most others are MERN, NextJs, or Angular.
@@thangtran3112 Part 4 - th-cam.com/video/C-JTLiisKJ4/w-d-xo.htmlsi=H_HUQPO3LbrDrawp , this covers the starting APIs of the application.
hey bro do you gonna to add payment method in it waiting for reply
@@Bussinessone sure , will add payment method
where is the next part of this project
great tutorial, but where is Spring Boot part ?
@@thangtran3112 it will be available soon in next 2-3 days
You can share full figma
Where is spring boot ?
I’ve watched 2 videos and not a single code of Java
@@simonchainbers8943I understand , let's have a backend and frontend in the same video in the coming parts.
@@TheCodeReveal Then change the title. How about that? It’s so misleading for someone who actually wants to learn Java spring boot.
Nice one👍❤
@@dipendujanaofficial2328 Thanks
New subscriber🎉🎉🎉🎉🎉🎉 Hoping u complete this project step by step...
Part 2 - th-cam.com/video/LdEO5nPOaa0/w-d-xo.htmlsi=C4l0hOh6GNtlkzgq Part 3- th-cam.com/video/4nGZQbY8QTI/w-d-xo.htmlsi=12pgclLhhmjUlfV8 Part 4 - th-cam.com/video/C-JTLiisKJ4/w-d-xo.htmlsi=CK1R1EkUo0LgmCJO Part 5- th-cam.com/video/ew4IhNzDkkE/w-d-xo.htmlsi=4L59b4P84CZgZS8a Few more parts will update it soon. Figma - bit.ly/4cQBTMN
When are you going to upload part 2 of this video??
@@aishwaryabhosale7762 it will be available next week
can you send me figma design files or link plz
@@daudtk441 sure