Skip to content

An attempt at re-creating as much as Twitter's website and functionality as possible.

Notifications You must be signed in to change notification settings

Ajsalemo/Mock-Twitter

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 
 
 
 
 
 
 
 
 
 
 
 
 
 
 

Repository files navigation

Mock Twitter - a replica site - 🚀 Link


This site was created with the intentions of producing a decently close replica of Twitter's UI and functionality. The UI is modeled after is Twitter's old UI, their UI was recently refresh and changed during the building of this site.

Usage


Accounts and users


Upon logging in, a general trending pane will be displayed, as well as all accounts you follow - including their retweets. By clicking the profile avatar in the top right or left, you can access your public facing profile, the dark-mode theme toggle and logout option in the dropdown

The authenticated user can post tweets - like and retweet other tweets, all changes will be reflected on their actual Twitter account

Landing page

Public profiles


All public profiles can be accessed just like on Twitter's normal site, it will display their favorites, lists, timeline, followers and following. Posts on these accounts can be liked and retweeted.

Public profiles

Search options and subscribing to lists


The search field in the navigation bar will return results from Twitter's Standard Search API - this mostly includes the tweets related to the keywords entered. The user's profile is included in the tweets.

A user can subscribe to list's on public profiles, they can also view the timeline for the list specified.

Search tweets

Technologies


This was built mainly using React, Apollo Client and Apollo-Server-Express, GraphQL and Material UI. Including Redux and also Firebase for authentication. Additional NPM Packages were also used.

Known issues


Ocassionally Apollo network requests will error out, mostly to do with the Home Timeline API - this eventually corrects itself when Apollo starts to make re-polling attempts.