Up next


MERN Stack Tutorial - Book Store Project

0 Views
AI Lover
3
Published on 10/01/23 / In How-to & Learning

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-ta....heri1/Book-Store-MER

✏️ 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

Show more
0 Comments sort Sort By

Up next