MERN Stack Tutorial – Book Store Project
By freeCodeCamp.org
Published: Aug 31, 2023
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
âï¸ 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