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

The tutorial is a valuable resource for developers seeking to build a full stack application using the MERN stack. The instructor, Md Al Mamun, demonstrates a systematic approach, starting with project setup and gradually building both frontend and backend components. The content is well-structured, with clear chapters and a logical flow. The use of modern tools like Tailwind CSS, Redux Toolkit, RTK Query, and Firebase adds practical relevance. The tutorial excels in its hands-on nature, allowing viewers to follow along and build a complete, functional application. The instructor’s calm and clear communication style is particularly beneficial for beginners, as noted in several comments. However, there are minor shortcomings: some sections, such as the footer creation, rely on copying code from the video rather than providing it in the starter files, which can be inconvenient. Additionally, the tutorial does not delve into security aspects of payment transactions, as one commenter pointed out, which is a common gap in tutorials. The sources provided are reliable, including the official freeCodeCamp website and GitHub repositories for the code. The tutorial’s claims are accurate, and the code works as demonstrated. Overall, the tutorial is highly informative and practical, earning a high score for its educational value, though it could be improved by addressing the noted issues.

The title accurately describes the content: a full stack book store app built with React, Node, and MongoDB.

8/10

The tutorial is well-structured, covers both frontend and backend thoroughly, and provides complete source code and starter files. The instructor demonstrates each step clearly, and the project is practical. However, some minor issues like missing code in the GitHub repo for a section (as noted in comments) slightly reduce the score.

• 00:00Introduction
• 01: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

• freeCodeCamp News — General freeCodeCamp articles and tutorials.
• Starter Files — Starter files for the project UI assets.
• Full Source Code — Complete source code for the MERN bookstore app.
• Scrimba Full Stack Courses — Interactive full stack courses recommended by freeCodeCamp.
• freeCodeCamp — Main freeCodeCamp website.

• freeCodeCamp News — freeCodeCamp publishes numerous tutorials on MERN stack development, consistent with this video's approach.
• Full Source Code — The provided source code aligns with the tutorial's content and can be used for verification.