MERN Stack Tutorial - Book Store Project

Overview

Save Big on Coursera Plus. 7,000+ courses at $160 off. Limited Time Only!

Grab it

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