Twitter clone with React.js, MongoDB and tailwind css

Опубликовано: 29 Сентябрь 2024
на канале: Coding With Dawid
171,985
3.3k

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