Full Stack React & Firebase Tutorial - Build a social media app

In this full tutorial course, you will learn how to create a full stack, fully-featured social media application using React, Firebase, Redux, Express, and Material-UI.

This intermediate tutorial covers things such as creating a backend REST API server with Node.js and Express, user login and authentication, image uploads, notifications, cloud functions, deploying to Firebase, and much more.

🎥 Course created by Classsed. Check out their YouTube channel: https://www.youtube.com/classsed 🔗Classsed Discord: https://discord.gg/GUuKyQW 🔗Classsed Patreon: https://www.patreon.com/classsed

⭐️ Code ⭐️ Functions code repo: https://github.com/hidjou/classsed-react-firebase-functions React code repo: https://github.com/hidjou/classsed-react-firebase-client

Email regular expression: https://pastebin.com/f33g85pd NoImg: https://pixabay.com/vectors/blank-profile-picture-mystery-man-973460/ API Base URL: https://europe-west1-socialape-d081e.cloudfunctions.net/api

⭐️ Course Contents ⭐️ ⌨️ (0:00:00) Introduction ⌨️ (0:07:03) Create & Read Data ⌨️ (0:27:56) Express & formatting response ⌨️ (0:42:37) User Registration ⌨️ (1:03:22) Validation & Login Route ⌨️ (1:19:33) Authentication Middleware ⌨️ (1:33:10) Refactoring & Organising ⌨️ (1:48:46) Image Upload ⌨️ (2:13:45) Add and Get User Profile Details ⌨️ (2:33:15) Getting and Commenting on Post ⌨️ (2:56:38) Like, Unlike and Delete Post ⌨️ (3:25:42) Create and Get Notifications ⌨️ (3:58:11) Finishing up Cloud Functions ⌨️ (4:23:46) Getting Started With React ⌨️ (4:44:01) Post Card Details ⌨️ (5:11:45) Login Form ⌨️ (5:50:36) Signup and Auth State ⌨️ (6:05:16) Redux Setup ⌨️ (6:41:17) Signup and Auth Route ⌨️ (6:56:35) Profile Section ⌨️ (7:19:48) Image Upload ⌨️ (7:31:24) Logout and Edit profile ⌨️ (7:53:60) Navbar Buttons ⌨️ (8:07:60) Like and Unlike Actions ⌨️ (8:39:11) Delete Button ⌨️ (8:57:45) Add Post Component ⌨️ (9:20:19) Post Dialog ⌨️ (9:47:30) Post Dialog Details ⌨️ (10:01:21) Displaying Comments ⌨️ (10:16:29) Submitting comments ⌨️ (10:37:28) User Page ⌨️ (10:54:30) Notifications ⌨️ (11:31:59) Loading Skeletons ⌨️ (11:59:28) Deployment to Firebase

--

Learn to code for free and get a developer job: https://www.freecodecamp.org

Read hundreds of articles on programming: https://www.freecodecamp.org/news

And subscribe for new videos on technology every day: https://youtube.com/subscription_center?add_user=freecodecamp