Social Network App With React ,Redux ,Firebase ,Tailwind CSS
Build a Social Networking app with React , Redux , Firebase and Tailwind CSS
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
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