Embark on a comprehensive 12-hour tutorial to build a feature-rich social media application using React, Firebase, Redux, Express, and Material-UI. Learn to create a backend REST API server with Node.js and Express, implement user authentication, handle image uploads, manage notifications, and utilize cloud functions. Master the process of developing both frontend and backend components, including user registration, login validation, post creation, commenting, liking/unliking posts, and profile management. Explore advanced topics such as Redux setup, component design, and deployment to Firebase. Gain hands-on experience with modern web development technologies and best practices while creating a fully functional social media platform from scratch.
Overview
Syllabus
) Introduction.
) Create & Read Data.
) Express & formatting response.
) User Registration.
) Validation & Login Route.
) Authentication Middleware.
) Refactoring & Organizing.
) Image Upload.
) Add and Get User Profile Details.
) Getting and Commenting on Post.
) Like, Unlike and Delete Post.
) Create and Get Notifications.
) Finishing up Cloud Functions.
) Getting Started With React.
) Post Card Details.
) Login Form.
) Signup and Auth State.
) Redux Setup.
) Signup and Auth Route.
) Profile Section.
) Image Upload.
) Logout and Edit profile.
) Navbar Buttons.
) Like and Unlike Actions.
) Delete Button.
) Add Post Component.
) Post Dialog.
) Post Dialog Details.
) Displaying Comments.
) Submitting comments.
) User Page.
) Notifications.
) Loading Skeletons.
) Deployment to Firebase.
Taught by
freeCodeCamp.org
Related Courses
-
Build and Deploy an Instagram Clone with React and Firebase – Tutorial
-
Flutter & Firebase Course - Build a Full Stack Instagram Clone
5.0 -
Build a LinkedIn Clone with React and Firebase – Tutorial
-
React / GraphQL Course - Build a social media app (MERNG Stack)
-
Build an Instagram Clone with React Native, Firebase Firestore, Redux, Expo - Full Course
-
Code a Reddit Clone with React, Next.js, Firebase v9, Chakra UI – Full Course
