KO | EN

GitLite

Minimalist Open Source Repository Search Engine

gitlite — search

#typescript #ai-agents #developer-tools #claude-code #codex #cli #agent-skills #ai #dsh-plugin #mcp #windows #agent

twitter-clone-frontend

★ 370 Open GitHub ↗

Twitter Clone Frontend

// repository documentation

Was this content helpful?

★ 0 (0 ratings)

# 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=<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.

## UI

## Home
![Home](https://raw.githubusercontent.com/manikandanraji/twitter-clone-frontend/master/screenshots/home.png)

## Explore
![Explore](https://raw.githubusercontent.com/manikandanraji/twitter-clone-frontend/master/screenshots/explore.png)

## Profile
![Profile](https://raw.githubusercontent.com/manikandanraji/twitter-clone-frontend/master/screenshots/profile.png)

## Edit Profile
![Edit Profile](https://raw.githubusercontent.com/manikandanraji/twitter-clone-frontend/master/screenshots/edit_profile.png)

## New Tweet
![New Tweet](https://raw.githubusercontent.com/manikandanraji/twitter-clone-frontend/master/screenshots/new_tweet.png)

## Tweet
![Tweet](https://raw.githubusercontent.com/manikandanraji/twitter-clone-frontend/master/screenshots/tweet.png)

twitter-clone-frontend

Explore Similar Repositories

Was this content helpful?

Recent Feedback

Download README