{"id":13619460,"url":"https://github.com/manikandanraji/twitter-clone-frontend","last_synced_at":"2025-04-14T16:31:38.284Z","repository":{"id":42234128,"uuid":"260473302","full_name":"manikandanraji/twitter-clone-frontend","owner":"manikandanraji","description":"Twitter Clone Frontend ","archived":true,"fork":false,"pushed_at":"2022-06-10T13:56:55.000Z","size":3899,"stargazers_count":362,"open_issues_count":6,"forks_count":101,"subscribers_count":10,"default_branch":"master","last_synced_at":"2024-11-08T05:39:26.854Z","etag":null,"topics":["apollo-client","twitter"],"latest_commit_sha":null,"homepage":"","language":"JavaScript","has_issues":true,"has_wiki":null,"has_pages":null,"mirror_url":null,"source_name":null,"license":null,"status":null,"scm":"git","pull_requests_enabled":true,"icon_url":"https://github.com/manikandanraji.png","metadata":{"files":{"readme":"README.md","changelog":null,"contributing":null,"funding":null,"license":null,"code_of_conduct":null,"threat_model":null,"audit":null,"citation":null,"codeowners":null,"security":null,"support":null}},"created_at":"2020-05-01T14:03:38.000Z","updated_at":"2024-09-28T05:35:16.000Z","dependencies_parsed_at":"2022-08-20T20:01:18.829Z","dependency_job_id":null,"html_url":"https://github.com/manikandanraji/twitter-clone-frontend","commit_stats":null,"previous_names":[],"tags_count":0,"template":false,"template_full_name":null,"repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/manikandanraji%2Ftwitter-clone-frontend","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/manikandanraji%2Ftwitter-clone-frontend/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/manikandanraji%2Ftwitter-clone-frontend/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/manikandanraji%2Ftwitter-clone-frontend/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/manikandanraji","download_url":"https://codeload.github.com/manikandanraji/twitter-clone-frontend/tar.gz/refs/heads/master","host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":248916655,"owners_count":21182846,"icon_url":"https://github.com/github.png","version":null,"created_at":"2022-05-30T11:31:42.601Z","updated_at":"2022-07-04T15:15:14.044Z","host_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub","repositories_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories","repository_names_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repository_names","owners_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners"}},"keywords":["apollo-client","twitter"],"created_at":"2024-08-01T21:00:41.140Z","updated_at":"2025-04-14T16:31:34.686Z","avatar_url":"https://github.com/manikandanraji.png","language":"JavaScript","funding_links":[],"categories":["JavaScript"],"sub_categories":[],"readme":"# Twitter Clone Frontend\n\n**NOTE: As of 10-06-2022 19:24 IST, I am archiving this repository. It was fun while it lasted.**\n\nTwitter clone frontend built with React and Apollo Client\n\nIf you are looking for the backend repo, [click here](https://github.com/manikandanraji/twitter-clone-backend).\n\n## Core Packages\n\n1. apollo-client - state management, executing graphql queries and mutations, caching results\n2. styled-components - styling\n3. react-router - routing\n4. react-toastify - toast notifications\n\n## Features\n\n- Login / Signup\n- New Tweet\n- Like\n- Retweet\n- Comment\n- View Profile\n- Edit Profile\n- Search by users, tags, people\n- Dark theme / Light theme\n\n## How to setup locally\n\n- Create a .env file at the root directory\n- Make sure you have these variables setup\n\n```js\nREACT_APP_DEV=\u003cDEV_ENDPOINT\u003e \nREACT_APP_PROD=\u003cPRODUCTION_ENDPOINT\u003e\nREACT_APP_CLOUDINARY_URL=https://api.cloudinary.com/v1_1/\u003cYOUR_CLOUD_NAME\u003e/image/upload\n```\n\n- Then run \u003ccode\u003enpm install \u0026\u0026 npm start\u003c/code\u003e to see the twitter clone in action.\n\n## UI\n\n## Home\n![Home](screenshots/home.png)\n\n## Explore\n![Explore](screenshots/explore.png)\n\n## Profile\n![Profile](screenshots/profile.png)\n\n## Edit Profile\n![Edit Profile](screenshots/edit_profile.png)\n\n## New Tweet\n![New Tweet](screenshots/new_tweet.png)\n\n## Tweet\n![Tweet](screenshots/tweet.png)\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fmanikandanraji%2Ftwitter-clone-frontend","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fmanikandanraji%2Ftwitter-clone-frontend","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fmanikandanraji%2Ftwitter-clone-frontend/lists"}