Build a MERN STACK Book Store project | Full Course

Опубликовано: 02 Апрель 2026
на канале: Momo Taheri

13,143

163

Book Store MERN Stack project tutorial with Tailwind CSS, MongoDB, Express JS, React JS, and Node.js | Full CRUD

📝 Completed codes: https://github.com/mohammad-taheri1/B...

Full Playlist:    • Book Store MERN Stack project

Let’s create a MERN stack (MongoDB, Express, React, Node.js) project, implement CRUD (create, read, update, and delete) and learn a lot of topics together.

If you don’t know the MERN stack, I just released a fast overview of MERN.
This is it:    • What is MERN stack?

In this MERN stack beginner project, We are going to create a Book store project. We use the MERN stack so we will have
MongoDB
Express js
React
node js
And also we use Tailwind CSS. We implement full CRUD functionality in both backend and frontend projects.

I covered a lot of topics a MERN Stack developer needs to know from

Backend CRUD
Backend Router
CORS Policy
MongoDB operations
frontend CRUD
Frontend Router
completely from scratch.

This is a complete CRUD example of a MERN Stack project for beginners.

✏️ sections

(00:00:00) Intro
(00:01:22) MERN Stack Lesson 01: Create Node.js project from scratch
(00:03:51) MERN Stack Lesson 02: Create our first Http Route
(00:06:13) MERN Stack Lesson 03: Add MongoDB and mongoose to node js
(00:09:04) MERN Stack Lesson 04: Create Book model with mongoose
(00:11:05) MERN Stack Lesson 05: Save a new Book with mongoose
(00:13:43) MERN Stack Lesson 06: Get All Books with mongoose
(00:15:20) MERN Stack Lesson 07: Get One Book by id with mongoose
(00:16:41) MERN Stack Lesson 08: Update a Book with mongoose
(00:18:48) MERN Stack Lesson 09: Delete a book with mongoose
(00:20:21) MERN Stack Lesson 10: Refactor Node js with express router
(00:22:35) MERN Stack Lesson 11: CORS policy in Node js and Express js
(00:25:33) MERN Stack Lesson 12: Create React project, Vite, Tailwind CSS
(00:27:53) MERN Stack Lesson 13: SPA and Add react router dom
(00:30:04) MERN Stack Lesson 14: Show Books List in React
(00:35:51) MERN Stack Lesson 15: Show Book Details in React
(00:39:14) MERN Stack Lesson 16: Create Book in React
(00:42:14) MERN Stack Lesson 17: Edit Book in React
(00:44:39) MERN Stack Lesson 18: Delete Book in React
(00:46:47) MERN Stack Lesson 19: Show Books List as Card
(00:52:42) MERN Stack Lesson 20: Make Book Card a single component
(00:54:20) MERN Stack Lesson 21: Add Book Modal
(00:58:18) MERN Stack Lesson 22: Improve User Experience (UX) with a beautiful alert
(01:01:55) Outro

🌎 Me:
Telegram: https://t.me/DevEmpower
LinkedIn:   / mohammad-taheri1
GitHub: https://github.com/mohammad-taheri1
Medium:   / devempower
Portfolio: https://devempower.ir/

💖 Hope you enjoy it 💖
💖 If you loved this MERN Stack tutorial project with Tailwind CSS, MongoDB, Express JS, React JS, and Node.js, leave comments, like, and subscribe 💖
💖 You can Buy me a coffee to support: https://www.buymeacoffee.com/DevEmpower 💖

Music - "Soul Groove" by Josh Woodward. Free download: http://joshwoodward.com/

#react #mernstack #reactjs #nodejs