Twitter clone with React.js, MongoDB and tailwind css
Let's build a Twitter clone using react.js, next.js, mongodb and tailwind css.
Simple tutorial with social sign in, tweeting, likes/hearts, comments/replies, profile edits (username, name bio), drag&drop image uploads and much more.
Don't forget to smash that like button for me 👍🏻
Code: https://github.com/dejwid/twitter-clone
Demo: https://twitter-clone-dejwid.vercel.app/
Timestamps:
00:00:00 - Intro & demo
00:00:40 - setting up next and tailwind
00:02:36 - authentication with next auth
00:29:01 - pick a username page
00:59:37 - tweet form
01:14:56 - displaying tweets on the home page
01:34:12 - tweet page
01:57:12 - likes/hearts on tweets/posts
02:33:00 - tweet replies
02:52:40 - user profile page
03:21:23 - cover and avatar drag&drop upload
04:13:28 - editable name, username and bio
04:31:15 - follow/unfollow functionality
04:46:12 - Showing parent tweet for replies
04:55:49 - Tweets with images
05:16:20 - Fixing bugs & deploying to vercel
05:22:41 - Outro
Watch video Twitter clone with React.js, MongoDB and tailwind css online without registration, duration hours minute second in high quality. This video was added by user Coding With Dawid 03 September 2022, don't forget to share it with your friends and acquaintances, it has been viewed on our site 171,985 once and liked it 3.3 thousand people.