React Node.js Social Media App Tutorial - MERN Stack App Full Course with Hooks and Context API
Offered By: Lama Dev via YouTube
Course Description
Overview
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
Taught by
Lama Dev
Related Courses
Web Engineering II: Developing Mobile HTML5 AppsTechnische Hochschule Mittelhessen via iversity Introduction to MongoDB using the MEAN Stack
MongoDB via edX Desarrollo de aplicaciones avanzadas con Android
Universidad Nacional Autónoma de México via Coursera Utilisez des API REST dans vos projets web
IBM via OpenClassrooms Extend Your Application with REST Services
Microsoft via edX