React Node.js Social Media App Tutorial - MERN Stack App Full Course with Hooks and Context API

Overview

Save Big on Coursera Plus. 7,000+ courses at $160 off. Limited Time Only!

Grab it

Embark on a comprehensive tutorial to build a full-stack social media application using the MERN (MongoDB, Express, React, Node.js) stack. Learn to create a robust REST API with Node.js, design an engaging user interface with React, and implement advanced features using React Hooks and Context API. Master essential concepts such as routing with React Router, data fetching with Axios, state management with Context API, and user authentication. Develop key functionalities including user registration, login systems, profile management, post creation, like/dislike mechanisms, and friend connections. Gain hands-on experience with file uploading, image handling, and integrating front-end components with a back-end API. Perfect for developers looking to enhance their full-stack development skills and create a real-world social media platform.

Syllabus

Introduction
Using React Router
Fetching data with Axios and Hooks
Fetching user inside useEffect with Axios
React Context API explained
Fetching profile data from REST API
How to use useParams Hook
How to use Context API
Context API Actions and Reducer
Login system with Context API
React register system with MongoDB
How to use useHistory Hook
Calling current user with Context API
Like and Dislike functionality
POST request with Axios
React Node.js file uploading
Additional arrangements
Fetching user friends from REST API
Follow and unfollow a user
React image upload showing the image
Outro