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

Social Network App With React ,Redux ,Firebase ,Tailwind CSS, available at $64.99, has an average rating of 4.65, with 33 lectures, based on 14 reviews, and has 172 subscribers.

You will learn about 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 This course is ideal for individuals who are React Developers or MERN Stack Developers or UI Developers or Front End Developers or Students who want to build things from scracth or Students who want to learn Tailwind CSS and Firebase It is particularly useful for React Developers or MERN Stack Developers or UI Developers or Front End Developers or Students who want to build things from scracth or Students who want to learn Tailwind CSS and Firebase.

Enroll now: Social Network App With React ,Redux ,Firebase ,Tailwind CSS

Summary

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

Price: $64.99

Average Rating: 4.65

Number of Lectures: 33

Number of Published Lectures: 33

Number of Curriculum Items: 33

Number of Published Curriculum Objects: 33

Original Price: ₹799

Quality Status: approved

Status: Live

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

Who Should Attend

React Developers
MERN Stack Developers
UI Developers
Front End Developers
Students who want to build things from scracth
Students who want to learn Tailwind CSS and Firebase

Target Audiences

React Developers
MERN Stack Developers
UI Developers
Front End Developers
Students who want to build things from scracth
Students who want to learn Tailwind CSS and Firebase

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

Course Curriculum

Chapter 1: Introduction

Lecture 1: Promo / Source code

Lecture 2: React App Setup

Lecture 3: Folder Structure and NPM Modules

Lecture 4: Firebase Setup

Lecture 5: Tailwind Setup

Chapter 2: Authentication UI

Lecture 1: Login Register -1

Lecture 2: Login Register – 2

Chapter 3: Authentication Login

Lecture 1: Firebase Auth Integration – 1

Lecture 2: Firebase Auth Integration – 2

Chapter 4: Loaders and Messages

Lecture 1: Loader

Lecture 2: Toast Messages

Lecture 3: Redux Setup

Chapter 5: Layout

Lecture 1: Layout Part – 1

Lecture 2: Layout Part – 2

Lecture 3: Layout Part – 3

Lecture 4: Private Layout / Protected Route

Chapter 6: Add Post

Lecture 1: Add Post – UI Part 1

Lecture 2: Add Post UI Part 2

Lecture 3: Add Post Logic Part -1

Lecture 4: Add Post Logic Part -2

Chapter 7: Home Page

Lecture 1: Retrieve Posts

Lecture 2: Post Component

Chapter 8: Post Description Page

Lecture 1: Post Description – 1

Chapter 9: Like or Unlike Post

Lecture 1: Like / Unlike Post – 1

Lecture 2: Like / Unlike Post – 2

Lecture 3: Like / Unlike Post – 3

Chapter 10: Comments

Lecture 1: Add and show comments

Chapter 11: Share Post

Lecture 1: Share post page

Lecture 2: Select users for sharing post

Lecture 3: Display Shared Posts

Chapter 12: User Profile

Lecture 1: User Profile Part – 1

Lecture 2: User Profile Part – 2

Chapter 13: Deployment

Lecture 1: Github / Deployment

Instructors

K.Sathyaprakash Reddy
Full Stack Developer

Rating Distribution

1 stars: 0 votes
2 stars: 0 votes
3 stars: 1 votes
4 stars: 2 votes
5 stars: 11 votes

Frequently Asked Questions

How long do I have access to the course materials?

You can view and review the lecture materials indefinitely, like an on-demand channel.

Can I take my courses with me wherever I go?

Definitely! If you have an internet connection, courses on Udemy are available on any device at any time. If you don’t have an internet connection, some instructors also let their students download course lectures. That’s up to the instructor though, so make sure you get on their good side!

Menu