{"id":22359218,"url":"https://github.com/eltonlazzarin/twitter-clone-reactjs","last_synced_at":"2025-07-30T12:32:31.100Z","repository":{"id":43720073,"uuid":"277973900","full_name":"eltonlazzarin/twitter-clone-reactjs","owner":"eltonlazzarin","description":"Twitter Clone build in ReactJS and TypeScript","archived":false,"fork":false,"pushed_at":"2020-08-17T17:15:06.000Z","size":97879,"stargazers_count":28,"open_issues_count":0,"forks_count":21,"subscribers_count":1,"default_branch":"master","last_synced_at":"2023-04-08T21:38:06.189Z","etag":null,"topics":["clone-app","javascript","javascript-applications","react-app","react-sticky-box","reactjs","styled-components","styled-icons","twitter-clone-reactjs","typescript","typescript-application"],"latest_commit_sha":null,"homepage":"","language":"TypeScript","has_issues":true,"has_wiki":null,"has_pages":null,"mirror_url":null,"source_name":null,"license":"mit","status":null,"scm":"git","pull_requests_enabled":true,"icon_url":"https://github.com/eltonlazzarin.png","metadata":{"files":{"readme":"README.md","changelog":null,"contributing":null,"funding":null,"license":"LICENSE","code_of_conduct":null,"threat_model":null,"audit":null,"citation":null,"codeowners":null,"security":null,"support":null}},"created_at":"2020-07-08T02:51:37.000Z","updated_at":"2023-04-08T19:54:27.000Z","dependencies_parsed_at":"2022-08-12T10:42:09.989Z","dependency_job_id":null,"html_url":"https://github.com/eltonlazzarin/twitter-clone-reactjs","commit_stats":null,"previous_names":[],"tags_count":null,"template":null,"template_full_name":null,"repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/eltonlazzarin%2Ftwitter-clone-reactjs","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/eltonlazzarin%2Ftwitter-clone-reactjs/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/eltonlazzarin%2Ftwitter-clone-reactjs/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/eltonlazzarin%2Ftwitter-clone-reactjs/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/eltonlazzarin","download_url":"https://codeload.github.com/eltonlazzarin/twitter-clone-reactjs/tar.gz/refs/heads/master","host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":228133954,"owners_count":17874572,"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":["clone-app","javascript","javascript-applications","react-app","react-sticky-box","reactjs","styled-components","styled-icons","twitter-clone-reactjs","typescript","typescript-application"],"created_at":"2024-12-04T15:20:07.166Z","updated_at":"2024-12-04T15:20:07.953Z","avatar_url":"https://github.com/eltonlazzarin.png","language":"TypeScript","readme":"\u003ch1 align=\"center\"\u003e\n\t\u003cimg alt=\"Discord logo\" src=\"https://github.com/eltonlazzarin/twitter-clone-reactjs/blob/master/screenshots/twitter.svg\" height=\"150px\" width=\"150px\" /\u003e\n\u003c/h1\u003e\n\n\u003ch3 align=\"center\"\u003e\n  Twitter Clone build in ReactJS and TypeScript\n\u003c/h3\u003e\n\n\u003cp align=\"center\"\u003e\n  \u003cimg alt=\"GitHub top language\" src=\"https://img.shields.io/github/languages/top/eltonlazzarin/twitter-clone-reactjs\"\u003e\n\n  \u003cimg alt=\"GitHub language count\" src=\"https://img.shields.io/github/languages/count/eltonlazzarin/twitter-clone-reactjs\"\u003e\n\n  \u003cimg alt=\"GitHub last commit\" src=\"https://img.shields.io/github/last-commit/eltonlazzarin/twitter-clone-reactjs\"\u003e\n\n  \u003cimg alt=\"GitHub issues\" src=\"https://img.shields.io/github/issues/eltonlazzarin/twitter-clone-reactjs\"\u003e\n\n  \u003cimg alt=\"GitHub\" src=\"https://img.shields.io/github/license/eltonlazzarin/twitter-clone-reactjs\"\u003e\n\u003c/p\u003e\n\n\u003cp align=\"center\"\u003e\n  \u003ca href=\"#-about-the-project\"\u003eAbout The Project\u003c/a\u003e\u0026nbsp;\u0026nbsp;\u0026nbsp;|\u0026nbsp;\u0026nbsp;\u0026nbsp;\n  \u003ca href=\"#-technologies\"\u003eTechnologies\u003c/a\u003e\u0026nbsp;\u0026nbsp;\u0026nbsp;|\u0026nbsp;\u0026nbsp;\u0026nbsp;\n  \u003ca href=\"#-getting-started\"\u003eGetting Started\u003c/a\u003e\u0026nbsp;\u0026nbsp;\u0026nbsp;|\u0026nbsp;\u0026nbsp;\u0026nbsp;\n  \u003ca href=\"#-how-to-contribute\"\u003eHow To Contribute\u003c/a\u003e\u0026nbsp;\u0026nbsp;\u0026nbsp;|\u0026nbsp;\u0026nbsp;\u0026nbsp;\n  \u003ca href=\"#-license\"\u003eLicense\u003c/a\u003e\n\u003c/p\u003e\n\n## 👨🏻‍💻 About the project\n\n\u003ch1 align=\"center\"\u003e\n\t\u003cimg alt=\"Project Screenshots\" src=\"https://github.com/eltonlazzarin/twitter-clone-reactjs/blob/master/screenshots/twitterclone.gif\" /\u003e\n\u003c/h1\u003e\n\n\u003cp\u003eTwitter Clone is a project developed in ReactJS in conjunction with TypeScript, where it shows an almost identical interface to the Twitter user profile page, as well as showing the tweets sent by them.\n\nThis project includes the Mobile First concept, so it is fully responsive. It is possible to interact by clicking on favorite tweets.\u003c/p\u003e\n\n## 🚀 Technologies\n\nTechnologies that I used to develop this frontend app\n\n- [ReactJS](https://nodejs.org/en)\n- [TypeScript](https://www.typescriptlang.org)\n- [React-Sticky-Box](https://react-sticky-box.codecks.io)\n- [Styled-Icons](https://styled-icons.js.org)\n- [Styled-Components](https://styled-components.com)\n- [VS Code](https://code.visualstudio.com) with [EditorConfig](https://marketplace.visualstudio.com/items?itemName=EditorConfig.EditorConfig) and [Prettier RC](https://github.com/prettier/prettier)\n\n## 💻 Getting started\n\n### Requirements\n\n- [Node.js](https://nodejs.org/en/)\n- [Yarn](https://classic.yarnpkg.com/) or [npm](https://www.npmjs.com/)\n\n**Clone the project and access the folder**\n\n```bash\n$ git clone https://github.com/eltonlazzarin/twitter-clone-reactjs.git\n\n$ cd twitter-clone-reactjs\n```\n\n**Follow the steps below**\n\n```bash\n# Install the dependencies\n$ yarn\n\n# Run the web app\n$ yarn start\n```\n\n## 🤔 How to contribute\n\n**Follow the steps below**\n\n```bash\n# Clone your fork\n$ git clone https://github.com/eltonlazzarin/twitter-clone-reactjs.git\n\n$ cd twitter-clone-reactjs\n\n# Create a branch with your feature\n$ git checkout -b your-feature\n\n# Make the commit with your changes\n$ git commit -m 'feat: Your new feature'\n\n# Send the code to your remote branch\n$ git push origin your-feature\n```\n\nAfter your pull request is merged, you can delete your branch\n\n## 📝 License\n\nThis project is under the MIT license. See the [LICENSE](https://github.com/eltonlazzarin/twitter-clone-reactjs/blob/master/LICENSE) for more information.\n","funding_links":[],"categories":[],"sub_categories":[],"project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Feltonlazzarin%2Ftwitter-clone-reactjs","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Feltonlazzarin%2Ftwitter-clone-reactjs","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Feltonlazzarin%2Ftwitter-clone-reactjs/lists"}