MERN Stack Tutorial - Book Store Project

preview_player
Показать описание
- Backend CRUD
- Backend Router
- CORS Policy
- MongoDB operations
- Frontend CRUD
- Frontend Router

✏️ Course developed by @DevEmpower

⭐️ Contents ⭐️
⌨️ (00:00) Intro
⌨️ (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

--

Рекомендации по теме
Комментарии
Автор

My dear friends, I'm glad to be here. Thanks for watching this tutorial.

Some of You have problems on different parts of this tutorial. But I cannot see the notifications of this video. In order to debug your codes:
Please go to my channel and go to playlists section. There You can find the playlist of this tutorial in 22 tiny parts. I kindly ask you to implement codes exactly as those parts and in any time you faced an error or bug, please leave a comment there and talk about Your problem, This way, it is easier to debug the codes.

Best,
Mohammad

DevEmpower
Автор

The Chanel is Changing my life, I was just thinking how to learn backend and boom this video

marvellousodili
Автор

I appreciate this so much as a self taught fullstack student. My favourite side of the internet

Dieregorn
Автор

My First MERN Stack Application, completed in just 3 days as a begginer🤩🤩
seeing Mohammad Tahir as a mentor so glad.
nice efforts to you and great for the channel

mycodeacademy
Автор

Excellent work. This is my first full stack project to understand the connection between frontend and backend. Its a small project and the tutor really explained very important concepts in a concise one hour video. Excellent work. I have been looking for such as I am already a frontend and started delving into backend. THIS IS SO HELPFUL. YOU WONT REGRET IT. JUST ONE HOUR AS WELL. THANK YOU SO

julianifesiokwu
Автор

Very fast paced, clear and well instructed combined with the fundemental knowledge to get you started while also coding an application.
One of the better tutorials i've encountered in my 4 years as self-taugth fullstack developer

I_hughjo
Автор

I refreshed my one year with one hour. Thank you :)

anandrp
Автор

this is so cool, as a first time fullstack developer with zero experience, this is just enough to get started I believe so. Kudos!! thank you so much for sharing this tutorial. New subscriber!!!

apr
Автор

those who dont see books in frontend and thier code is correct this may solve your problem as it did work for me
check brackets after (book, index)
wrong: (book, index) {}
correct :(book, index)()
hope this helps

sabatauqeer
Автор

This was the best full stack video I have ever found I cant believe I understood how to build a basic full stack app in this video better then any other course ive done in the last two years lol

m.c
Автор

Best tutorial for the developer who wants to learn how to integrate nodejs with React and also want to revise the node.js

webwisesagar
Автор

I love this channel because of tutors like you, this channel really helped me to become a self taught Full Stack Engineer.

aayushsingh
Автор

One of the best explanation in all over internet, i just love the level of simplicity he explained 👏👏🤝🤝

surajithalder
Автор

I really appreciate this tutorial as a FullStack self taught developer.

aloysiuschinemerem
Автор

Great! Just what I can spend the weekend with. Thank you!

Parijat-lr
Автор

Best course for the beginner for the MERN Stack development, who wants to learn MERN by creating a project I found this very helpful in brushing up all my skills as the project was in the most structured way possible

shanawazbahadur
Автор

Thanks so much for this. Especially loved the brevity. Speeding things up to show end product quickly. Putting control in the user's hand to pause when necessary, while cconsulting Github files for guidance.

traezeeofor
Автор

I'm glad to have completed the full projects, and I'm looking to develop adding book covers/images and an authentication process.

MDABDULMOMINRiyadh
Автор

This is a great tutorial for those with frontend knowledge and strong js fundamentals. My tip is don't be intimidated by the code/syntaxes. Focus on the concept on how to build front and backend and how to connect and make them communicate. THANK YOU FOR THIS TUTORIAL!

Maverick-svqt
Автор

just completed the tutorial took almost 13 hours over the span of three days, overall nice tutorial👍👍

ubaidullah-qm