https://github.com/manikandanraji/twitter-clone-frontend
Twitter Clone Frontend
https://github.com/manikandanraji/twitter-clone-frontend
apollo-client twitter
Last synced: 2 months ago
JSON representation
Twitter Clone Frontend
- Host: GitHub
- URL: https://github.com/manikandanraji/twitter-clone-frontend
- Owner: manikandanraji
- Archived: true
- Created: 2020-05-01T14:03:38.000Z (about 5 years ago)
- Default Branch: master
- Last Pushed: 2022-06-10T13:56:55.000Z (about 3 years ago)
- Last Synced: 2024-11-08T05:39:26.854Z (7 months ago)
- Topics: apollo-client, twitter
- Language: JavaScript
- Homepage:
- Size: 3.72 MB
- Stars: 362
- Watchers: 10
- Forks: 101
- Open Issues: 6
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
# 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](https://github.com/manikandanraji/twitter-clone-backend).
## 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```js
REACT_APP_DEV=
REACT_APP_PROD=
REACT_APP_CLOUDINARY_URL=https://api.cloudinary.com/v1_1//image/upload
```- Then run
npm install && npm start
to see the twitter clone in action.## UI
## Home
## Explore
## Profile
## Edit Profile
## New Tweet
## Tweet
