Social NetWork App With React ,Redux ,Firebase ,Tailwind Css
Date: 7 November 2024 | Posted by: AD-TEAM
Social Network App With React ,Redux ,Firebase ,Tailwind Css
Last updated 4/2022
MP4 | Video: h264, 1280x720 | Audio: AAC, 44.1 KHz
Language: English | Size: 3.46 GB | Duration: 6h 25m
Build a Social Networking app with React , Redux , Firebase and Tailwind CSS
What you'll 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
Requirements
React
Description
Hi Guys ,In this course we will build a simple social network application with React , Redux , Firebase , Tailwind CSSReact - For Front EndRedux - For State managementTailwind CSS - For Styling and Reusable ComponentsFirebase - For Authentication / Storage / DatabaseBasically 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 etcUser Authentication with Gmail , GoogleUploading postsPost Interactions and analyticsPublic layouts and Protected LayoutsState Management with ReduxLikesComments SharesInfinite scrollUploading images to Firebase storageDeployment to HerokuReactReact is a free and open-source front-end jаvascript library for building user interfaces based on UI components. It is maintained by Meta and a community of individual developers and companiesReduxRedux is an open-source jаvascript 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 ClarkTailwind CSSTailwind 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.FirebaseFirebase 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
Overview
Section 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
Section 2: Authentication UI
Lecture 6 Login Register -1
Lecture 7 Login Register - 2
Section 3: Authentication Login
Lecture 8 Firebase Auth Integration - 1
Lecture 9 Firebase Auth Integration - 2
Section 4: Loaders and Messages
Lecture 10 Loader
Lecture 11 Toast Messages
Lecture 12 Redux Setup
Section 5: Layout
Lecture 13 Layout Part - 1
Lecture 14 Layout Part - 2
Lecture 15 Layout Part - 3
Lecture 16 Private Layout / Protected Route
Section 6: Add Post
Lecture 17 Add Post - UI Part 1
Lecture 18 Add Post UI Part 2
Lecture 19 Add Post Logic Part -1
Lecture 20 Add Post Logic Part -2
Section 7: Home Page
Lecture 21 Retrieve Posts
Lecture 22 Post Component
Section 8: Post Description Page
Lecture 23 Post Description - 1
Section 9: Like or Unlike Post
Lecture 24 Like / Unlike Post - 1
Lecture 25 Like / Unlike Post - 2
Lecture 26 Like / Unlike Post - 3
Section 10: Comments
Lecture 27 Add and show comments
Section 11: Share Post
Lecture 28 Share post page
Lecture 29 Select users for sharing post
Lecture 30 Display Shared Posts
Section 12: User Profile
Lecture 31 User Profile Part - 1
Lecture 32 User Profile Part - 2
Section 13: Deployment
Lecture 33 Github / Deployment
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
DDownload
https://ddownload.com/wqnqk8a7hme6/Udemy_Social_Network_App_With_React_Redux_Firebase_Tailwind_CSS_2022-4.part1.rar
https://ddownload.com/qvxwnijt8sck/Udemy_Social_Network_App_With_React_Redux_Firebase_Tailwind_CSS_2022-4.part2.rar
RapidGator
https://rapidgator.net/file/ed979af7bab4b483cd718bee5c050aba/Udemy_Social_Network_App_With_React_Redux_Firebase_Tailwind_CSS_2022-4.part1.rar
https://rapidgator.net/file/00929fbc9b0521aa7643c322c6807976/Udemy_Social_Network_App_With_React_Redux_Firebase_Tailwind_CSS_2022-4.part2.rar
FileStore
TurboBit
https://turbobit.net/ngzpqdinxyho/Udemy_Social_Network_App_With_React_Redux_Firebase_Tailwind_CSS_2022-4.part1.rar.html
https://turbobit.net/7gvv1vafila9/Udemy_Social_Network_App_With_React_Redux_Firebase_Tailwind_CSS_2022-4.part2.rar.html
FileAxa
https://fileaxa.com/2zg3pcw8n9et/Udemy_Social_Network_App_With_React_Redux_Firebase_Tailwind_CSS_2022-4.part1.rar
https://fileaxa.com/scdpgyvt3hey/Udemy_Social_Network_App_With_React_Redux_Firebase_Tailwind_CSS_2022-4.part2.rar
See full article