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
