Social Network App With React ,Redux ,Firebase ,Tailwind CSS

Build a Social Networking app with React , Redux , Firebase and Tailwind CSS

5.00 (4 reviews)
Udemy
platform
English
language
Web Development
category
69
students
6.5 hours
content
Apr 2022
last update
$19.99
regular price

What you will learn

One of the best thing about this course/project is , We Will Not Use Any External Libraries for Components.

So you will learn how to build components like forms , buttons , layouts , modals from scratch

User Authentication with Gmail , Google

Post Interactions and analytics with Firestore snapchats

Tailwind CSS concepts like flex , grid , positions , responsiveness , colours , sizes etc

Deployment to Netlify

Complete source with 24/7 Q/A Support

Popular social networks functionalities like Comments , Shares , Likes with Real time response

Description

Hi Guys ,

In this course we will build a simple social network application with React , Redux , Firebase , Tailwind CSS

React - For Front End

Redux - For State management

Tailwind CSS - For Styling and Reusable Components

Firebase - For Authentication / Storage / Database


Basically a social network is a place / platform where different people in the world connect together for different purposes like chatting , sharing information , posting their daily activities , promotions etc. So we will also build a similar kind of application.

---------------------------------------------------------------------

The topics / concepts covered in this course are 

  • One of the best thing about this course/project is , We Will Not Use Any External Libraries for Components.

  • Our complete components like forms , buttons , layouts , modals will be built using one and only Tailwind CSS.

  • So you will build a complete application from scratch.

  • Tailwind CSS concepts like flex , grid , positions , responsiveness , colours , sizes etc

  • User Authentication with Gmail , Google

  • Uploading posts

  • Post Interactions and analytics

  • Public layouts and Protected Layouts

  • State Management with Redux

  • Likes

  • Comments

  • Shares

  • Infinite scroll

  • Uploading images to Firebase storage

  • Deployment to Heroku


React

React is a free and open-source front-end JavaScript library for building user interfaces based on UI components. It is maintained by Meta and a community of individual developers and companies

Redux

Redux is an open-source JavaScript library for managing and centralizing the application state. It is most commonly used with libraries such as React or Angular for building user interfaces. Similar to Facebook's Flux architecture, it was created by Dan Abramov and Andrew Clark

Tailwind CSS

Tailwind CSS is basically a utility-first CSS framework for rapidly building custom user interfaces. It is a highly customizable, low-level CSS framework that gives you all of the building blocks you need to build bespoke designs without any annoying opinionated styles you have to fight to override.

Firebase

Firebase is a platform developed by Google for creating mobile and web applications. It was originally an independent company founded in 2011. In 2014, Google acquired the platform and it is now their flagship offering for app development

Screenshots

Social Network App With React ,Redux ,Firebase ,Tailwind CSS - Screenshot_01Social Network App With React ,Redux ,Firebase ,Tailwind CSS - Screenshot_02Social Network App With React ,Redux ,Firebase ,Tailwind CSS - Screenshot_03Social Network App With React ,Redux ,Firebase ,Tailwind CSS - Screenshot_04

Content

Introduction

Promo / Source code
React App Setup
Folder Structure and NPM Modules
Firebase Setup
Tailwind Setup

Authentication UI

Login Register -1
Login Register - 2

Authentication Login

Firebase Auth Integration - 1
Firebase Auth Integration - 2

Loaders and Messages

Loader
Toast Messages
Redux Setup

Layout

Layout Part - 1
Layout Part - 2
Layout Part - 3
Private Layout / Protected Route

Add Post

Add Post - UI Part 1
Add Post UI Part 2
Add Post Logic Part -1
Add Post Logic Part -2

Home Page

Retrieve Posts
Post Component

Post Description Page

Post Description - 1

Like or Unlike Post

Like / Unlike Post - 1
Like / Unlike Post - 2
Like / Unlike Post - 3

Comments

Add and show comments

Share Post

Share post page
Select users for sharing post
Display Shared Posts

User Profile

User Profile Part - 1
User Profile Part - 2

Deployment

Github / Deployment

Charts

Price

Social Network App With React ,Redux ,Firebase ,Tailwind CSS - Price chart

Rating

Social Network App With React ,Redux ,Firebase ,Tailwind CSS - Ratings chart

Enrollment distribution

Social Network App With React ,Redux ,Firebase ,Tailwind CSS - Distribution chart
4641530
udemy ID
4/14/2022
course created date
4/21/2022
course indexed date
Bot
course submited by