Chapters (24)
- 0:00Intro
- 1:10Create Node.js project from scratch
- 3:39Create our first Http Route
- 6:01Add MongoDB and mongoose to node js
- 8:52Create Book model with mongoose
- 10:53Save a new Book with mongoose
- 13:31Get All Books with mongoose
- 15:08Get One Book by id with mongoose
- 16:29Update a Book with mongoose
- 18:36Delete a book with mongoose
- 20:09Refactor Node js with express router
- 22:23CORS policy in Node js and Express js
- 25:21Create React project, Vite, Tailwind CSS
- 27:41SPA and Add react router dom
- 29:52Show Books List in React
- 35:39Show Book Details in React
- 39:02Create Book in React
- 42:02Edit Book in React
- 44:27Delete Book in React
- 46:35Show Books List as Card
- 52:30Make Book Card a single component
- 54:08Add Book Modal
- 58:06Improve User Experience (UX) with beautiful alert
- 1:01:43Outro
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.