MERN Stack Tutorial - Book Store Project

MERN Stack Tutorial - Book Store Project

freeCodeCamp.org via freeCodeCamp Direct link

⌨️ Show Book Details in React

16 of 24

16 of 24

⌨️ Show Book Details in React

Class Central Classrooms beta

YouTube videos curated by Class Central.

Classroom Contents

MERN Stack Tutorial - Book Store Project

Automatically move to the next video in the Classroom when playback concludes

  1. 1 ⌨️ Intro
  2. 2 ⌨️ Create Node.js project from scratch
  3. 3 ⌨️ Create our first Http Route
  4. 4 ⌨️ Add MongoDB and mongoose to node js
  5. 5 ⌨️ Create Book model with mongoose
  6. 6 ⌨️ Save a new Book with mongoose
  7. 7 ⌨️ Get All Books with mongoose
  8. 8 ⌨️ Get One Book by id with mongoose
  9. 9 ⌨️ Update a Book with mongoose
  10. 10 ⌨️ Delete a book with mongoose
  11. 11 ⌨️ Refactor Node js with express router
  12. 12 ⌨️ CORS policy in Node js and Express js
  13. 13 ⌨️ Create React project, Vite, Tailwind CSS
  14. 14 ⌨️ SPA and Add react router dom
  15. 15 ⌨️ Show Books List in React
  16. 16 ⌨️ Show Book Details in React
  17. 17 ⌨️ Create Book in React
  18. 18 ⌨️ Edit Book in React
  19. 19 ⌨️ Delete Book in React
  20. 20 ⌨️ Show Books List as Card
  21. 21 ⌨️ Make Book Card a single component
  22. 22 ⌨️ Add Book Modal
  23. 23 ⌨️ Improve User Experience UX with beautiful alert
  24. 24 ⌨️ Outro

Never Stop Learning.

Get personalized course recommendations, track subjects and courses with reminders, and more.

Someone learning on their laptop while sitting on the floor.