Zenler Player
Your course is loading. Hang tight.
Mern Stack with Blog Project
Back to curriculum
0% Complete
0% Complete
Lecture 1 : Introduction (0:40)
Lecture 2: Installing Dependencies (1:10)
Lecture 3 : Setting up React Project (2:00)
Lecture 4 : Configure Tailwind.css with React (10:00)
Lecture 5 : Creating the app component (7:00)
Lecture 6 : Creating blog pages (4:11)
Lecture 7 : Creating NabBar component (3:29)
Lecture 8 : Github links
Lecture 9 : URL parameters with react-router (7:00)
Lecture 10 : Creating and linking the articles list (10:20)
Lecture 11 : Making article list as reusable component (4:57)
Lecture 12 : Creating a 404 page in React (3:31)
Lecture 13 : Setting up an Express server (4:17)
Lecture 14 : Testing an Express server with Postman (4:42)
Lecture 15 : Route parameters in Express (2:59)
Lecture 16 : Automatically updating with nodemon (1:53)
Lecture 17 : Adding comments functionality (4:39)
Lecture 18 : Installing MongoDB (7:25)
Lecture 19 : Adding MongoDB to Express (6:10)
Lecture 20 : Rewriting the comments endpoint (6:51)
Lecture 21 : The Fetch API (2:49)
Lecture 22 : Adding React hooks to fetch data (6:45)
Lecture 23 : Displaying comments (3:28)
Lecture 24 : Adding an Add Comment form (12:43)
Lecture 25 : Github Links
Section 1 : Introduction
Lecture 1 : Introduction (0:40)
Preview
Lecture 2: Installing Dependencies (1:10)
Preview
Section 2 : Creating a React Front End
Lecture 3 : Setting up React Project (2:00)
Preview
Lecture 4 : Configure Tailwind.css with React (10:00)
Lecture 5 : Creating the app component (7:00)
Lecture 6 : Creating blog pages (4:11)
Lecture 7 : Creating NabBar component (3:29)
Lecture 8 : Github links
Lecture 9 : URL parameters with react-router (7:00)
Lecture 10 : Creating and linking the articles list (10:20)
Lecture 11 : Making article list as reusable component (4:57)
Lecture 12 : Creating a 404 page in React (3:31)
Section 3 : Creating a Node Back End
Lecture 13 : Setting up an Express server (4:17)
Lecture 14 : Testing an Express server with Postman (4:42)
Lecture 15 : Route parameters in Express (2:59)
Lecture 16 : Automatically updating with nodemon (1:53)
Lecture 17 : Adding comments functionality (4:39)
Section 4 : Setting up MongoDB
Lecture 18 : Installing MongoDB (7:25)
Lecture 19 : Adding MongoDB to Express (6:10)
Lecture 20 : Rewriting the comments endpoint (6:51)
Section 5 : Connecting the Front and Back End
Lecture 21 : The Fetch API (2:49)
Lecture 22 : Adding React hooks to fetch data (6:45)
Lecture 23 : Displaying comments (3:28)
Lecture 24 : Adding an Add Comment form (12:43)
Lecture 25 : Github Links
×
This is an unpublished lesson. This lesson will not be shown for students unless you set it as Public.
Back to Dashboard
No contents are available in this lesson!
No lessons available !
Back to Dashboard
Lesson contents locked
Enroll to unlock this lesson.
Enroll to unlock
Next Lesson