YoVDO

MERN Stack Tutorial - Book Store Project

Offered By: freeCodeCamp

Tags

Node.Js Courses React Courses MongoDB Courses

Course Description

Overview

Save Big on Coursera Plus. 7,000+ courses at $160 off. Limited Time Only!
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

Related Courses

MongoDB for Node.js Developers
MongoDB University
Introduction to Office 365 Development and APIs
Microsoft via edX
Server-side Development with NodeJS
The Hong Kong University of Science and Technology via Coursera
Front-End Web UI Frameworks and Tools
The Hong Kong University of Science and Technology via Coursera
Introduction to MongoDB using the MEAN Stack
MongoDB via edX