Chapters (27)
- 0:00Introduction
- 1:39Project Overview
- 12:41Setup Project
- 22:04Install Tailwind CSS
- 28:46Setup React Router DOM
- 43:36Customize Your Project
- 54:57Create a Responsive Navbar
- 1:30:35Banner Section
- 1:39:33Top Sellers Section
- 2:11:55Recommend Books
- 2:15:15News Section
- 2:29:01Footer Section
- 2:35:21Login and Register Page
- 3:03:42Install Redux Toolkit & Add to Cart
- 3:31:41Cart Page, Remove from Cart, Clear Cart
- 3:43:57Create Checkout Page
- 3:54:45Server Setup, Mongoose & MongoDB
- 4:19:22Create Blog Schema & Model
- 4:24:09Book Routes & Controllers
- 5:07:53Create bookApi using RTK Query & Display Books
- 5:36:56Firebase Setup, Implement Login & Register
- 6:26:39Private Routes
- 6:33:13Create Order Endpoint & Place Order
- 7:16:58Create Admin & Verify Token
- 7:45:30Admin Router & Dashboard Login
- 8:07:20Admin Dashboard: Add, Edit & Delete Books
- 8:55:58How to Deploy Your MERN Project
Show the creator's full description
Learn to build a comprehensive fullstack MERN stack bookstore website from @mdalmamunit427. This project will cover both frontend and backend development from the ground up.
As a MERN stack project, we'll be using React for the frontend, Node.js and Express.js for the
backend, and MongoDB as our database. We'll also leverage technologies like Tailwind CSS,
Redux, RTK Query Toolkit, Mongoose, and JWT (JSON Web Tokens) to enhance our project.
Our bookstore will feature an admin dashboard for managing books, a cash-on-delivery system, and a robust inventory management system. Users can easily add or remove products from their carts, proceed to checkout, and place orders. For admins, we'll create a secure admin dashboard accessible with a username and password. Admins will have the power to upload new books, manage and update existing book
information, and delete books as needed.
💻 Starter Files: https://github.com/mdalmamunit427/book-store-app-ui-assets.git
💻 Full Source code: https://github.com/mdalmamunit427/build-full-stack-book-store-mern-app.git
❤️ Try interactive Full Stack courses we love, right in your browser: https://scrimba.com/freeCodeCamp-Fullstack (Made possible by a grant from our friends at Scrimba)
⭐️ Chapters ⭐️
0:00:00 Introduction
0:01:39 Project Overview
0:12:41 Setup Project
0:22:04 Install Tailwind CSS
0:28:46 Setup React Router DOM
0:43:36 Customize Your Project
0:54:57 Create a Responsive Navbar
1:30:35 Banner Section
1:39:33 Top Sellers Section
2:11:55 Recommend Books
2:15:15 News Section
2:29:01 Footer Section
2:35:21 Login and Register Page
3:03:42 Install Redux Toolkit & Add to Cart
3:31:41 Cart Page, Remove from Cart, Clear Cart
3:43:57 Create Checkout Page
3:54:45 Server Setup, Mongoose & MongoDB
4:19:22 Create Blog Schema & Model
4:24:09 Book Routes & Controllers
5:07:53 Create bookApi using RTK Query & Display Books
5:36:56 Firebase Setup, Implement Login & Register
6:26:39 Private Routes
6:33:13 Create Order Endpoint & Place Order
7:16:58 Create Admin & Verify Token
7:45:30 Admin Router & Dashboard Login
8:07:20 Admin Dashboard: Add, Edit & Delete Books
8:55:58 How to Deploy Your MERN Project
🎉 Thanks to our Champion and Sponsor supporters:
👾 Drake Milly
👾 Ulises Moralez
👾 Goddard Tan
👾 David MG
👾 Matthew Springman
👾 Claudio
👾 Oscar R.
👾 jedi-or-sith
👾 Nattira Maneerat
👾 Justin Hual
--
Learn to code for free and get a developer job: https://www.freecodecamp.org
Read hundreds of articles on programming: https://freecodecamp.org/news
Description and video by freeCodeCamp.org. This page is an independent companion view; the video is embedded from YouTube.