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

⭐️ 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

freeCodeCamp is a nonprofit organization offering free online coding courses and programming tutorials, covering topics such as web development, data science, and machine learning. Learners can gain practical coding skills, build real-world projects, and earn certifications to advance their careers in tech.

freeCodeCamp

Learn how to build a full stack M Stack application that includes both front end and back end, featuring React on the front end, Node and Express on the back end, and MongoDB as the database. The project will cover essential functionalities such as an admin dashboard, cash on delivery features, inventory management, and a user-friendly interface for adding and removing products. The tutorial also includes JWT for authentication and Redux toolkit for state management.

Build a Full Stack Book Store App Using React, Node, MongoDB