mtgezgin / twitter-clone-frontend

Twitter Clone Frontend

Twitter Clone Frontend

Twitter clone frontend built with React and Apollo Client

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

Check out the deployed site

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