Twitter Clone Frontend

NOTE: As of 10-06-2022 19:24 IST, I am archiving this repository. It was fun while it lasted.

Twitter clone frontend built with React and Apollo Client

Core Packages

1. apollo-client - state management, executing graphql queries and mutations, caching results
2. styled-components - styling
3. react-router - routing
4. react-toastify - toast notifications

Features

• Login / Signup
• New Tweet
• Like
• Retweet
• Comment
• View Profile
• Edit Profile
• Search by users, tags, people
• Dark theme / Light theme

How to setup locally

• Create a .env file at the root directory
• Make sure you have these variables setup

REACT_APP_DEV=<DEV_ENDPOINT> 
REACT_APP_PROD=<PRODUCTION_ENDPOINT>
REACT_APP_CLOUDINARY_URL=https://api.cloudinary.com/v1_1/<YOUR_CLOUD_NAME>/image/upload

• Then run npm install && npm start to see the twitter clone in action.

UI

Home

Explore

Profile

Edit Profile

New Tweet

Tweet