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
source
