Build Twitter Clone using React | Hooks | States | Props | With React-twitter-embed features |
In this video we will build Twitter 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 Twitter Clone 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. Here the link of our first build which is Facebook-Clone 🔗 https://youtu.be/Ws_h2106duA I'm launching the whole series of React Projects with some awesome build of real world application. If You like the video then make sure to drop the like button. if you want to be a proDEV then you are at right place. Make sure to subscribe this channel and press the bell icon to never miss any updates. 🧠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 ✔Real - Time - Weather - Application Project in Javascript using Weather API link - https://youtu.be/1ZYnUkP4se4 In hurry 🆘 Source Code of this lesson https://github.com/akkySrivastava/twitter-clone 🧊How to Build and solve Rubik's Cube in Java Processing ✔https://youtu.be/_K29_fmS8LE 📚Material/References For react-twitter-embed ✔https://www.npmjs.com/package/react-twitter-embed for react-flip-move ✔https://www.npmjs.com/package/react-flip-move For Material-Icons ✔https://https://material-ui.com 📇Find me here github: https://github.com/akkySrivastava blogger: https://akkyprojects.blogspot.com website: https://codewithakky.blogspot.com instagram: https://www.instagram.com/code_with_akky/ facebook: https://www.facebook.com/akkyProjects twitter clone in react with firebase hosting twitter clone in react with real time storage Build Twitter Clone in React twitter clone by Code With Akky twitter clone using reactjs twitter clone using nodejs twitter clone using flutter twitter clone app twitter clone MERN projects twitter clone using Django Code With Akky Javascript Projects Playlist link - https://www.youtube.com/playlist?list=PLjMANImCvBomwOzh2bYBSHQxjgoXOV9s5 BUILD LUDO GAME in JavaScript https://youtu.be/n8WCMvBbo7U BUILD RUBIK's CUBE in Java 3D Processing [Part 3] https://youtu.be/_K29_fmS8LE BUILD RUBIK's CUBE in Java 3D Processing [Part 2] https://youtu.be/rLsh_MKT0J4 BUILD RUBIK's CUBE in Java 3D Processing [Part 1] https://youtu.be/XzVZF2o3V2A SNAKE GAME IN JAVA https://www.youtube.com/watch?v=52JExayKHjA&t=23s Hotel Management System in Java https://www.youtube.com/watch?v de=uxld-dN-ErQ&list=PLjMANImCvBomBtMroMyOEuzmLXRgooqIl University Management System in Java https://www.youtube.com/watch?v=-KFWra--SoI Visit Our Website https://akkyprojects.blogspot.com TIC-TAC-TOE GAME IN JAVA https://www.youtube.com/watch?v=3TR8bVQMyS0 #BuildTwitterCloneinReact #react #reactjs #javascript #twittercloneusingreact #react #reactproject #firebasehosting #react-twitter-embed #reactprojectsbycodewithakky #codewithakky
Download
1 formatsVideo Formats
Right-click 'Download' and select 'Save Link As' if the file opens in a new tab.