V8 TechWorks
V8 TechWorks
  • 230
  • 120 211
Building an E-commerce Beauty Store with MERN Stack - DAY 35
Welcome to the final episode of our "E-commerce Beauty Store Series"! 🎉 In this video, we'll show you how to implement a robust rating system on your e-commerce platform. A good rating system can improve user experience and help customers make informed decisions.
What you'll learn:
✅ Setting up the backend to store and manage ratings
✅ Building the rating feature on the frontend using React
✅ Connecting the rating system to your product pages
✅ Real-time updates for a seamless user experience
This video is perfect for developers looking to enhance their e-commerce platform and provide more value to their customers.
This is the last video of our series, so make sure you've watched all previous episodes to follow along seamlessly. Don't forget to like, comment, and subscribe for more amazing tutorials! 🙌
Переглядів: 5

Відео

Building an E-commerce Beauty Store with MERN Stack - DAY 34
Переглядів 272 години тому
In Day 34 of our series, we enhance the functionality of our e-commerce beauty store by focusing on order management. Join us as we: Display orders on the admin panel for effective management. Show order details on the frontend for customers. Implement order processing functionality to streamline operations. Take your project to the next level with robust order management features! 🔗 GitHub Pro...
Building an E-commerce Beauty Store with MERN Stack - DAY 33
Переглядів 684 години тому
In Day 33 of our series, we add a crucial feature to our e-commerce store: payment processing. Follow along as we: Integrate Stripe for secure and seamless payments. Use Stripe webhooks to handle successful payments. Create orders in the database automatically upon payment completion. Master payment integration and order management to complete your MERN stack project! 🔗 GitHub Project: github.c...
Building an E-commerce Beauty Store with MERN Stack - DAY 32
Переглядів 93День тому
In Day 32 of our series, we focus on building the shopping cart functionality for our e-commerce beauty store. Watch as we implement: Adding products to the cart. Removing individual items from the cart. Clearing the entire cart for a seamless user experience. Learn how to create a fully functional shopping cart system for your MERN stack project! 🔗 GitHub Project: github.com/jamesguru/FullStac...
Building an E-commerce Beauty Store with MERN Stack - DAY 31
Переглядів 94День тому
- In Day 31 of our series, we take the visual appeal of our e-commerce store to the next level by adding banners. Watch as we: - Add banners to the database. - Fetch and manage banners in the admin panel. - Display a random banner dynamically on the frontend homepage to enhance user engagement. - Learn how to handle media content effectively and improve your project’s design and functionality! ...
Building an E-commerce Beauty Store with MERN Stack - DAY 30
Переглядів 7714 днів тому
In Day 30 of our series, we focus on enhancing the product details functionality in our e-commerce store. Learn how to fetch and display details for a single product, handle price updates dynamically, and manage quantity adjustments for better inventory and user experience. Add these crucial features to refine your MERN stack application and make it more robust! 🔗 GitHub Project: github.com/jam...
Building an E-commerce Beauty Store with MERN Stack - DAY 29
Переглядів 15614 днів тому
In Day 29 of our series, we enhance both the admin and user interfaces of our e-commerce store. We’ll fetch products and users for the admin panel, display a detailed product page on the frontend, and implement powerful filter and sort functionalities to improve the user experience. Upgrade your project with these key features to make it more dynamic and user-friendly! 🔗 GitHub Project: github....
Building an E-commerce Beauty Store with MERN Stack - DAY 28
Переглядів 9721 день тому
In Day 28 of our series, we enhance the admin functionality by fetching products and user data from the backend and displaying them on the admin dashboard. We’ll also build a detailed product page for the admin to view and manage individual products efficiently. Master these critical features to elevate the functionality of your MERN stack e-commerce store! 🔗 GitHub Project: github.com/jamesgur...
Building an E-commerce Beauty Store with MERN Stack - DAY 27
Переглядів 9621 день тому
In Day 27 of our series, we focus on integrating product uploads into our e-commerce beauty store. Learn how to upload product details to the database and optimize image handling by using Cloudinary as a Content Delivery Network (CDN). We’ll cover API integration, file uploads, and best practices for managing product assets in your MERN stack project. Enhance your app’s functionality and improv...
Building an E-commerce Beauty Store with MERN Stack - DAY 26
Переглядів 7121 день тому
In Day 26 of our series, we tackle a critical feature for any e-commerce platform: authentication. Join us as we integrate secure login and registration functionality into our beauty store project. Learn how to create and connect user authentication APIs, handle form validations, and store tokens securely for seamless user sessions. Step up your project with this essential feature for user mana...
Building an E-commerce Beauty Store with MERN Stack - DAY 25
Переглядів 7621 день тому
In Day 25 of our series, we dive into integrating the frontend and backend of our e-commerce beauty store. Watch as we implement state management using Redux to ensure a seamless flow of data across the application. This tutorial will cover setting up API calls, creating actions and reducers, and connecting components to the Redux store for dynamic state handling. Don’t miss this essential step...
Building an E-commerce Beauty Store with MERN Stack - DAY 24
Переглядів 3032 місяці тому
In Day 24 of our series, we’ll add more functionality to the admin side of our e-commerce beauty store by creating a new product page and a product details page. These pages will allow admins to add new products, view details, and manage inventory efficiently. Let’s continue building these essential components for effective store management! GITHUB PROJECT : github.com/jamesguru/FullStac... 🔗 C...
Building an E-commerce Beauty Store with MERN Stack - DAY 23
Переглядів 2402 місяці тому
In Day 23 of our series, we’ll enhance the admin side of our e-commerce beauty store by creating pages for managing orders and banners. These pages will allow admins to track orders and update promotional banners to keep the store fresh and engaging for customers. Join me as we build these essential management tools to support store operations! GITHUB PROJECT : github.com/jamesguru/FullStac... ...
Building an E-commerce Beauty Store with MERN Stack - DAY 22
Переглядів 2882 місяці тому
In Day 22 of our series, we’ll focus on building the products and users management pages for the admin panel of our e-commerce beauty store. Using DataGrid, we'll set up sortable, searchable tables to make product and user data easy to manage and review. This will enable efficient admin control over inventory and user accounts. Let’s dive into creating these essential admin tools! GITHUB PROJEC...
Building an E-commerce Beauty Store with MERN Stack - DAY 21
Переглядів 1863 місяці тому
In Day 21 of our series, we’ll focus on the admin side of our e-commerce beauty store by setting up the homepage. This page will showcase key store statistics, including sales, orders, and other vital metrics, giving administrators a clear view of the store’s performance. Join me as we build a data-driven admin dashboard to manage the store efficiently! GITHUB PROJECT : github.com/jamesguru/Ful...
Building an E-commerce Beauty Store with MERN Stack - DAY 20
Переглядів 2053 місяці тому
Building an E-commerce Beauty Store with MERN Stack - DAY 20
Building an E-commerce Beauty Store with MERN Stack - DAY 19
Переглядів 1873 місяці тому
Building an E-commerce Beauty Store with MERN Stack - DAY 19
Building an E-commerce Beauty Store with MERN Stack - DAY 18
Переглядів 993 місяці тому
Building an E-commerce Beauty Store with MERN Stack - DAY 18
Building an E-commerce Beauty Store with MERN Stack - DAY 17
Переглядів 1593 місяці тому
Building an E-commerce Beauty Store with MERN Stack - DAY 17
Building an E-commerce Beauty Store with MERN Stack - DAY 16
Переглядів 1083 місяці тому
Building an E-commerce Beauty Store with MERN Stack - DAY 16
Building an E-commerce Beauty Store with MERN Stack - DAY 15
Переглядів 1003 місяці тому
Building an E-commerce Beauty Store with MERN Stack - DAY 15
Building an E-commerce Beauty Store with MERN Stack - DAY 14
Переглядів 953 місяці тому
Building an E-commerce Beauty Store with MERN Stack - DAY 14
Building an E-commerce Beauty Store with MERN Stack - DAY 13
Переглядів 1253 місяці тому
Building an E-commerce Beauty Store with MERN Stack - DAY 13
Building an E-commerce Beauty Store with MERN Stack - DAY 12
Переглядів 1614 місяці тому
Building an E-commerce Beauty Store with MERN Stack - DAY 12
Building an E-commerce Beauty Store with MERN Stack - DAY 11
Переглядів 1414 місяці тому
Building an E-commerce Beauty Store with MERN Stack - DAY 11
Building an E-commerce Beauty Store with MERN Stack - DAY 10
Переглядів 1644 місяці тому
Building an E-commerce Beauty Store with MERN Stack - DAY 10
Building an E-commerce Beauty Store with MERN Stack - DAY 09
Переглядів 1324 місяці тому
Building an E-commerce Beauty Store with MERN Stack - DAY 09
Building an E-commerce Beauty Store with MERN Stack - DAY 08
Переглядів 1554 місяці тому
Building an E-commerce Beauty Store with MERN Stack - DAY 08
Building an E-commerce Beauty Store with MERN Stack - DAY 07
Переглядів 1514 місяці тому
Building an E-commerce Beauty Store with MERN Stack - DAY 07
Building an E-commerce Beauty Store with MERN Stack - DAY 06
Переглядів 1584 місяці тому
Building an E-commerce Beauty Store with MERN Stack - DAY 06

КОМЕНТАРІ

  • @mahmutyilmaz9005
    @mahmutyilmaz9005 15 хвилин тому

    Thanks for this perfect project.İs it possible for you to make it responsive?

    • @v8techworks7280
      @v8techworks7280 11 хвилин тому

      Okay I will make it responsive and notify

  • @mahmutyilmaz9005
    @mahmutyilmaz9005 День тому

    Thanks.is this last video?

  • @chunnukumar4649
    @chunnukumar4649 5 днів тому

    Pls show how to host it

  • @chunnukumar4649
    @chunnukumar4649 5 днів тому

    Nice one❤

  • @mahmutyilmaz9005
    @mahmutyilmaz9005 5 днів тому

    Thanks for your great efforts and time for this awesome explanation and project...

  • @suhridpaul7431
    @suhridpaul7431 8 днів тому

    code?

  • @mahmutyilmaz9005
    @mahmutyilmaz9005 11 днів тому

    Nodemailer sends blank mail.I think it doesnt see ejs template.Can you help me?Thanks in advance.

    • @v8techworks7280
      @v8techworks7280 11 днів тому

      Check at how you have named your ejs files and where you have put them

    • @v8techworks7280
      @v8techworks7280 11 днів тому

      github.com/jamesguru/Beauty-Store check how I have done it

    • @mahmutyilmaz9005
      @mahmutyilmaz9005 11 днів тому

      @@v8techworks7280 Thanks but everything is the same with your codes.Can it be related with ejs rendering problem or gmail aithentication?İ have checked but error goes on.Sorry

    • @mahmutyilmaz9005
      @mahmutyilmaz9005 11 днів тому

      @@v8techworks7280 Thanks . Error went off.

  • @Omkrishna-j8c
    @Omkrishna-j8c 12 днів тому

    I just wanted to take a moment to express how truly amazing your explanation was. It was not only clear and thorough but also really easy to understand. Thank you so much for your help; it means a lot to me!

  • @ArthDarji
    @ArthDarji 14 днів тому

    you were on break before?? sir

    • @v8techworks7280
      @v8techworks7280 14 днів тому

      @@ArthDarji I was caught up in so many things

  • @HRITIKKUMAR-o8t
    @HRITIKKUMAR-o8t 17 днів тому

    I want get source code. Can you please provide mein?

  • @devlopersalu
    @devlopersalu 23 дні тому

    very accurate , keep it up

  • @Omkrishna-j8c
    @Omkrishna-j8c 29 днів тому

    Please complete the project sir

  • @Malayalam_learner
    @Malayalam_learner 29 днів тому

    Can you give prominent background services example bro❤

  • @Malayalam_learner
    @Malayalam_learner 29 днів тому

    I hope your channel guide to make this project for myself I saw your GitHub, btw I'm new to GitHub,it feels like gibberish, with lot of files how to use them to run on my machine, May be I'm hyperacting!! I'll go through these series of videos first and I'll get back to you Thanks in advance ❤

  • @Malayalam_learner
    @Malayalam_learner 29 днів тому

    Is you accent carrebian?

  • @TheDarkWorldEXPOSED
    @TheDarkWorldEXPOSED Місяць тому

    How do i host it the frontend and admin on netlify sir? I tried all i could I already ran npm build locally

  • @AKASHKUMAR-bf7co
    @AKASHKUMAR-bf7co Місяць тому

    Hello , I have watched this whole playlist and find very interesting and knowledgeful before this i don't have even idea of how background services work but this playlist taught me all these valuable thing you have taught so nicely. so Thank you for making such valuable content.

  • @AKASHKUMAR-bf7co
    @AKASHKUMAR-bf7co Місяць тому

    great man

  • @TheDarkWorldEXPOSED
    @TheDarkWorldEXPOSED Місяць тому

    you are a very good teacher

  • @TheDarkWorldEXPOSED
    @TheDarkWorldEXPOSED Місяць тому

    hi guru i got this error Error: The following dependencies are imported but could not be resolved: redux-persist/integration/react (imported by C:/Users/LENOVO/OneDrive/Desktop/sendit/Frontend/src/main.js) redux-persist (imported by C:/Users/LENOVO/OneDrive/Desktop/sendit/Frontend/src/redux/store.js) redux-persist/lib/storage (imported by C:/Users/LENOVO/OneDrive/Desktop/sendit/Frontend/src/redux/store.js) from store.js in the redux folder from the front-end, these 2 imports import { persistStore, persistReducer, FLUSH, REHYDRATE, PAUSE, PERSIST, PURGE, REGISTER, } from "redux-persist"; and import storage from "redux-persist/lib/storage"; also in the main.jsx import { PersistGate } from 'redux-persist/integration/react' is also throwing error even though I installed all the dependencies

    • @v8techworks7280
      @v8techworks7280 Місяць тому

      You can delete node_modules folder then install packages again using npm install --force. I think packages have not been installed properly

    • @TheDarkWorldEXPOSED
      @TheDarkWorldEXPOSED Місяць тому

      I uninstalled and re-installed redux-persist and its now working fine thanks

  • @emenikechimdi5705
    @emenikechimdi5705 Місяць тому

    The update button in the admin not working

    • @v8techworks7280
      @v8techworks7280 Місяць тому

      I will be checking

    • @emenikechimdi5705
      @emenikechimdi5705 Місяць тому

      @@v8techworks7280 yeah. it was not working when you made a demo of the project. i thought you fixed it before uploading the code to github.

  • @TheDarkWorldEXPOSED
    @TheDarkWorldEXPOSED Місяць тому

    this is gold your explanations are so clear

  • @TheDarkWorldEXPOSED
    @TheDarkWorldEXPOSED Місяць тому

    this is fire

  • @mahmutyilmaz9005
    @mahmutyilmaz9005 Місяць тому

    Thanks for this perfect project.Is This last video?

    • @v8techworks7280
      @v8techworks7280 Місяць тому

      I'm going to complete it as from next week. Is just that I'm caught up in many things.

  • @TheDarkWorldEXPOSED
    @TheDarkWorldEXPOSED Місяць тому

    i am learning alot God bless you

  • @rahul-nq7eh
    @rahul-nq7eh Місяць тому

    when clicking update button from admin side the status of pending is not getting updated to delivered in users parcels, can u plz tell what to change to fix it ??

    • @v8techworks7280
      @v8techworks7280 Місяць тому

      check if your request is getting to the backend

  • @ravikumar-o2w3t
    @ravikumar-o2w3t Місяць тому

    deploy it plz

  • @kajalsharma-if5fm
    @kajalsharma-if5fm Місяць тому

    I got error when update the donor. 404 not found. How to solve that?

    • @v8techworks7280
      @v8techworks7280 Місяць тому

      @@kajalsharma-if5fm check the endpoint for updating donor it might be missing

    • @kajalsharma-if5fm
      @kajalsharma-if5fm Місяць тому

      Problem is solved. Thank you so much😊. ​@@v8techworks7280

  • @kajalsharma-if5fm
    @kajalsharma-if5fm 2 місяці тому

    Thank you 😊

  • @kajalsharma-if5fm
    @kajalsharma-if5fm 2 місяці тому

    Really helpful, thank you 😊

  • @gpxzero6356
    @gpxzero6356 2 місяці тому

    Love you brother and all kenya people

  • @nanlemathias9640
    @nanlemathias9640 2 місяці тому

    Good evening my lovely mentor.Please i have a challenged while installing npm i angular-highcharts,same error displayed to you when installing it .I tried many charts version but to no avails.Mentor,please help me sir

  • @OwaysNouraldeen
    @OwaysNouraldeen 2 місяці тому

    Is it responsive

  • @GoddyCodder
    @GoddyCodder 2 місяці тому

    The project is awesome bro.

  • @GoddyCodder
    @GoddyCodder 2 місяці тому

    It would have been too easy if you use MySQL DB

  • @RaviPatel-vg6sw
    @RaviPatel-vg6sw 3 місяці тому

    Can you try building a MERN project with some AI integration like doing automation of some tasks.

  • @AnuththaraBandara-xt1ph
    @AnuththaraBandara-xt1ph 3 місяці тому

    Can you do the inventory management next

  • @yantech.4249
    @yantech.4249 3 місяці тому

    This is amazing. Big thanks sir for your great work

  • @oscheka
    @oscheka 3 місяці тому

    Thank you very much for these resources.

  • @oscheka
    @oscheka 3 місяці тому

    The Project has been educational so far. Keep it up

  • @arthurplayz4424
    @arthurplayz4424 3 місяці тому

    nice

  • @achrefnabil2463
    @achrefnabil2463 3 місяці тому

    Thanks can you build full crm feature with mern stack ❤❤❤

  • @mahmutyilmaz9005
    @mahmutyilmaz9005 4 місяці тому

    İs it responsive?

  • @jagdishjena9058
    @jagdishjena9058 4 місяці тому

    bhiya ap hindi me kyu nahi banate?

  • @mahmutyilmaz9005
    @mahmutyilmaz9005 4 місяці тому

    İ think video title is wrong!Thanks for your time.

  • @priya_bala321
    @priya_bala321 4 місяці тому

    Finally completed it successfully. In addition i tried fetching data from backend to frontend on displaying number of prospects and donors in admin page and got that too. Requesting you to continue the playlist on background services.

  • @kennedymungai1
    @kennedymungai1 4 місяці тому

    Nimesubscribe. Content moto

  • @thenightwolf224
    @thenightwolf224 4 місяці тому

    THX❤

  • @k.vaishnav
    @k.vaishnav 4 місяці тому

    bro can you send me the source code for my college project i want to recreate the events for my wish pls help me subscriber request.

    • @v8techworks7280
      @v8techworks7280 4 місяці тому

      @@k.vaishnav email me jameskagunga15@gmail.com

  • @mahmutyilmaz9005
    @mahmutyilmaz9005 4 місяці тому

    Thanks for all.İs it possible to make the project responsive?