In this video we will build our sencond clone project in REACTJS and host it live on Firebase. In this build we will see the how to implement the Firebase real time firestore features for database for storing the tweet in real time.
This is a full stack build React for the front end and firebase as a backend for storing the data
This build covers the deep concept of React Hooks(useState, useEffect) & React props also.
We will see how to implement the react-tweet-embed feature in this build.
đ§ Concepts Covered
âCreating the Front-End
âCreating Sidebar component + Feed Component + Widgets Components
âStoring the tweets in Realtime Cloud FireStore
âFirebase Deploy(Make it live)
âąď¸ Timestamps
âDemo - 00:00:20
âProject Setup - 00:04:37
âSidebarComponent - 00:07:30
âMaterial-UI Setup - 00:08:34
âSidebarOptions Component - 00:15:00
âFeed Component - 00:45:00
âTweetBox Component - 00:51:30
âPost Component - 01:12:30
âWidgets Component - 01:37:00
âreact-twitter-embed - 01:37:30
âfirebase setup - 01:58:00
âfirebase Configuration - 02:02:07
âReal time storage - 02:09:00
âreact-flip-move - 02:31:38
âOptimized production build - 02:47:00
âfirebase deploy - 02:46:13
đ Source Code of this lesson
Subscribe : https://www.youtube.com/channel/UCuWWt9HYtUp4VTcQvBzq12Q
#react #firebase