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

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

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.

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 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

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

Angular 9 Tutorial: Learn to Build a CRUD Angular App Quickly

What's new in Bootstrap 5 and when Bootstrap 5 release date?

Brave, Chrome, Firefox, Opera or Edge: Which is Better and Faster?

How to Build Progressive Web Apps (PWA) using Angular 9

What is new features in Javascript ES2020 ECMAScript 2020

ReactJS vs Angular vs Vue: Best Javascript Framework For Your Project

ReactJS vs Angular vs Vue: Best Javascript Framework For Your Project. This video covers the key differences between ReactJS, Angular and Vue with respect to the following: Use case, Performance, Data binding, Scripting language, Testing, Community support, Growth curve

JavaScript Tutorial: if-else Statement in JavaScript

This JavaScript tutorial is a step by step guide on JavaScript If Else Statements. Learn how to use If Else in javascript and also JavaScript If Else Statements. if-else Statement in JavaScript. JavaScript's conditional statements: if; if-else; nested-if; if-else-if. These statements allow you to control the flow of your program's execution based upon conditions known only during run time.

Intermediate React Tutorial - Todoist Clone (with Firebase, Custom Hooks, SCSS, React Testing)

In this React tutorial, we're going to be creating the popular Todoist list application from scratch using React (Custom Hooks, Context), Firebase & React Testing Library (unit & integration testing). In addition to the latter technologies, we will be styling the application using SCSS (CSS) and following the BEM naming methodology.