← All freeCodeCamp videos

MERN Stack Tutorial - Book Store Project

602,211 views 12,068 likes 2023-08-31 1:02:00 Watch on YouTube ↗ freeCodeCamp ↗
FullstackMERN

Chapters (24)

Show the creator's full description
Learn the MERN stack (MongoDB, Express, React, Node.js) in this crash course for beginners. Here are some of the topics you will learn about: - Backend CRUD - Backend Router - CORS Policy - MongoDB operations - Frontend CRUD - Frontend Router 💻 Code: https://github.com/mohammad-taheri1/Book-Store-MERN-Stack ✏️ Course developed by @DevEmpower ❤️ Try interactive Databases courses we love, right in your browser: https://scrimba.com/freeCodeCamp-Databases (Made possible by a grant from our friends at Scrimba) ⭐️ Contents ⭐️ ⌨️ (00:00) Intro ⌨️ (01:10) Create Node.js project from scratch ⌨️ (03:39) Create our first Http Route ⌨️ (06:01) Add MongoDB and mongoose to node js ⌨️ (08:52) Create Book model with mongoose ⌨️ (10:53) Save a new Book with mongoose ⌨️ (13:31) Get All Books with mongoose ⌨️ (15:08) Get One Book by id with mongoose ⌨️ (16:29) Update a Book with mongoose ⌨️ (18:36) Delete a book with mongoose ⌨️ (20:09) Refactor Node js with express router ⌨️ (22:23) CORS policy in Node js and Express js ⌨️ (25:21) Create React project, Vite, Tailwind CSS ⌨️ (27:41) SPA and Add react router dom ⌨️ (29:52) Show Books List in React ⌨️ (35:39) Show Book Details in React ⌨️ (39:02) Create Book in React ⌨️ (42:02) Edit Book in React ⌨️ (44:27) Delete Book in React ⌨️ (46:35) Show Books List as Card ⌨️ (52:30) Make Book Card a single component ⌨️ (54:08) Add Book Modal ⌨️ (58:06) Improve User Experience (UX) with beautiful alert ⌨️ (1:01:43) Outro 🎉 Thanks to our Champion and Sponsor supporters: 👾 davthecoder 👾 jedi-or-sith 👾 南宮千影 👾 Agustín Kussrow 👾 Nattira Maneerat 👾 Heather Wcislo 👾 Serhiy Kalinets 👾 Justin Hual 👾 Otis Morgan 👾 Oscar Rahnama -- Learn to code for free and get a developer job: https://www.freecodecamp.org Read hundreds of articles on programming: https://freecodecamp.org/news

Description and video by freeCodeCamp.org. This page is an independent companion view; the video is embedded from YouTube.