manikandanraji / Twitter Clone Frontend
Twitter Clone Frontend
Stars: ✭ 271
Programming Languages
javascript
184084 projects - #8 most used programming language
Labels
Projects that are alternatives of or similar to Twitter Clone Frontend
edgestack
[UNMAINTAINED] A Universal React Stack with deeply integrated localization Support, semi-automatic route-based code splitting, Hot Module Reloading (HMR), Redux, Apollo GraphQL and more...
Stars: ✭ 77 (-71.59%)
Mutual labels: apollo-client
Polemicas E Tretas Dev
As polêmicas e tretas 🇧🇷 versionadas
Stars: ✭ 258 (-4.8%)
Mutual labels: twitter
Awesome-Go-Twitter
A curated list of awesome Go Twitter accounts
Stars: ✭ 14 (-94.83%)
Mutual labels: twitter
moon-doge
Buy DogeCoin automatically when Elon Musk tweet about it, and sell after profit
Stars: ✭ 20 (-92.62%)
Mutual labels: twitter
likers-blocker
A browser extension to block all visible likers of a tweet. – say NO to hate speech!
Stars: ✭ 45 (-83.39%)
Mutual labels: twitter
react-graphql-github-apollo-starter-kit
A GraphQL/Apollo in React boilerplate project to get you started with a tutorial to learn about these technologies.
Stars: ✭ 20 (-92.62%)
Mutual labels: apollo-client
angular-apollo-starter
Learning apollo-client, graphql with angular6.x
Stars: ✭ 16 (-94.1%)
Mutual labels: apollo-client
Twitter Scraper
Scrape the Twitter Frontend API without authentication.
Stars: ✭ 3,037 (+1020.66%)
Mutual labels: twitter
hashformers
Hashformers is a framework for hashtag segmentation with transformers.
Stars: ✭ 18 (-93.36%)
Mutual labels: twitter
anontwi
Anontwi is a tool for OAuth2 applications (such as: GNUSocial, Twitter) that provides different layers of encryption, privacy methods and proxy features.
Stars: ✭ 26 (-90.41%)
Mutual labels: twitter
Ember Apollo Client
🚀 An ember-cli addon for Apollo Client and GraphQL
Stars: ✭ 257 (-5.17%)
Mutual labels: apollo-client
archive-explorer-web
Browse your Twitter archive with a friendly, responsive, full experience, and quickly delete the tweets you don't want.
Stars: ✭ 19 (-92.99%)
Mutual labels: twitter
Seo Helper
🔍 SEO Helper is a package that provides tools and helpers for SEO (Search Engine Optimization).
Stars: ✭ 262 (-3.32%)
Mutual labels: twitter
Twitter Sent Dnn
Deep Neural Network for Sentiment Analysis on Twitter
Stars: ✭ 270 (-0.37%)
Mutual labels: twitter
Embera
A Oembed consumer library, that gives you information about urls. It helps you replace urls to youtube or vimeo for example, with their html embed code. It has advanced features like offline support, responsive embeds and caching support.
Stars: ✭ 268 (-1.11%)
Mutual labels: twitter
Timeliner
In general, Timeliner obtains items from data sources and stores them in a timeline.
Stars: ✭ 2,911 (+974.17%)
Mutual labels: twitter
Twitter Clone Frontend
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
npm install && npm start
to see the twitter clone in action.
UI
Home
Explore
Profile
Edit Profile
New Tweet
Tweet
Note that the project description data, including the texts, logos, images, and/or trademarks,
for each open source project belongs to its rightful owner.
If you wish to add or remove any projects, please contact us at [email protected].