Firebase Twitter

Twitter clone for firebase beginner study, and it's gonna be fullstack work result.

Basically my goal is try to make as same as possible with X(twitter).

And it's combine Firebase and ReactJS, also using chakraui for css.

Bug Fix History

• user profile re render immediately at left bottom of timeline screen when after change user name.
• added like❤️ count realtime dependency to each user.

Nomad Coders Twitter Clone Coding Contest 1기, 1등 (Click here)

Work Results

Entire Video

KakaoTalk_Video_2023-10-24-00-39-43.mp4

Start Screen

Create Account

2023-10-23.10.06.27.mov

Create Account with Github (Login with Github)

KakaoTalk_Video_2023-10-23-22-13-27.mp4

Create Account with Google (Login with Google)

2023-10-23.10.16.19.mov

Login

2023-10-23.10.25.03.mov

Logout

2023-10-23.10.29.14.mov

My Page

KakaoTalk_Video_2023-10-23-22-44-02.mp4

Following

2023-10-23.11.18.58.mov

Post

KakaoTalk_Video_2023-10-23-23-26-08.mp4

Delete Post

2023-10-23.11.29.24.mov

Edit Post

KakaoTalk_Video_2023-10-23-23-32-37.mp4

Can't edit, delete not own post

2023-10-23.11.43.32.mov

My posts at profile page

KakaoTalk_Video_2023-10-23-23-47-37.mp4

Highlight at profile page

2023-10-23.11.48.36.mov

Liked posts at profile page

KakaoTalk_Video_2023-10-23-23-50-38.mp4

Media posts at profile page

KakaoTalk_Video_2023-10-23-23-55-44.mp4

Profile photo change

KakaoTalk_Video_2023-10-23-23-58-36.mp4

User name change

2023-10-24.5.42.47.mov

Realtime Like

KakaoTalk_Video_2023-10-24-21-16-48.mp4