Awesome

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

If you are looking for the backend repo, click here.

Core Packages

apollo-client - state management, executing graphql queries and mutations, caching results
styled-components - styling
react-router - routing
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 <code>npm install && npm start</code> to see the twitter clone in action.

Awesome

Twitter Clone Frontend

Core Packages

Features

How to setup locally

UI

Home

Explore

Profile

Edit Profile

New Tweet

Tweet