Class Central is learner-supported. When you buy through links on our site, we may earn an affiliate commission.

freeCodeCamp

MERN Stack Tutorial - Book Store Project

via freeCodeCamp

Overview

Dive into a comprehensive MERN stack tutorial that guides you through building a book store project from scratch. Master MongoDB, Express, React, and Node.js as you implement backend CRUD operations, set up routers, handle CORS policies, and perform MongoDB operations. On the frontend, learn to create a single-page application with React Router, develop CRUD functionalities, and enhance user experience with modals and alerts. Follow along step-by-step, from setting up your Node.js project to refining the user interface with Tailwind CSS. By the end of this 1-2 hour crash course, you'll have hands-on experience creating a full-stack web application using the popular MERN technology stack.

Syllabus

⌨️ Intro
⌨️ Create Node.js project from scratch
⌨️ Create our first Http Route
⌨️ Add MongoDB and mongoose to node js
⌨️ Create Book model with mongoose
⌨️ Save a new Book with mongoose
⌨️ Get All Books with mongoose
⌨️ Get One Book by id with mongoose
⌨️ Update a Book with mongoose
⌨️ Delete a book with mongoose
⌨️ Refactor Node js with express router
⌨️ CORS policy in Node js and Express js
⌨️ Create React project, Vite, Tailwind CSS
⌨️ SPA and Add react router dom
⌨️ Show Books List in React
⌨️ Show Book Details in React
⌨️ Create Book in React
⌨️ Edit Book in React
⌨️ Delete Book in React
⌨️ Show Books List as Card
⌨️ Make Book Card a single component
⌨️ Add Book Modal
⌨️ Improve User Experience UX with beautiful alert
⌨️ Outro

Taught by

freeCodeCamp.org

Reviews

Start your review of MERN Stack Tutorial - Book Store Project

Never Stop Learning.

Get personalized course recommendations, track subjects and courses with reminders, and more.

Someone learning on their laptop while sitting on the floor.