开源软件名称：

开源软件地址：

开源编程语言：

开源软件介绍：

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