Skip to content

Twittie is a responsive web app clone built as a propose for twitter.com clone. Its developed using ReactJs, Context API, and Firebase Firestore for handling its realtime chat and database.

License

Notifications You must be signed in to change notification settings

HafidzN/Twittie_ReactJs-Twitter-Clone

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

8 Commits
 
 
 
 
 
 
 
 
 
 
 
 
 
 

Repository files navigation

TWITTIE

Twittie is a already responsive web app which let you share photos and your beloved moments with friend. It is made by using React Js + Context API + Firebase Firestore and proposed as a clone for twitter.com. Kindly please watch out my demo or go to the deployed url here.

Features

  • Sign up
  • Login
  • Logout
  • Add tweet
    • Add image
    • Crop image (provided aspect ratio: original size, 16:9, 1:1)
    • Add/Edit/Empty image's ALT text
    • Add emoji
    • Add text
  • Delete tweet
  • Like tweet
  • Unlike tweet
  • Comment tweet
  • Like comment
  • Unlike comment
  • Delete comment
  • Add tweet's thread comment
  • Like thread
  • Unlike thread comment
  • Delete thread comment
  • Follow other user
  • Unfollow other user
  • View user's profile
  • View user's followings
  • View user's followed
  • View user's media
  • Add new chat rooms
  • Search available rooms
  • Leave Conversation
  • Send message
  • Send image (just like tweet's facility such as Crop Image, add ALT Text)
  • Send emoji
  • Pop up image
  • Edit Profile
    • Change profile theme/wallpaper
    • Change user's profile photo
    • Edit user's name
    • Edit user's bio
    • Edit Location
    • Edit user's website

Screenshots

Search Unfollow Trend

Profile Thread Comment Responsive Home

Followers and Following Add Emoji Signup

Search Chat Feed Option Search and Add New Room

Crop Photo Responsive Search and Add New Room Search Room

Responsive Profile Responsive Message Add Photo

Message Room Message Room -2 Logout

Edit Wallpaper Edit Profile Leave Conversation

Login Add Comment Home

Comments Add ALT Responsive Chat Rooms

Edit Profile Chat Rooms

Build Setup

  • Clone repository https://github.com/HafidzN/Twittie_ReactJs-Twitter-Clone.git
  • Run npm install
  • Run the development server npm start then open up localhost:3000

Copyright © 2020 by Hafidz Nugroho

About

Twittie is a responsive web app clone built as a propose for twitter.com clone. Its developed using ReactJs, Context API, and Firebase Firestore for handling its realtime chat and database.

Topics

Resources

License

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published