Ecosyste.ms: Awesome
An open API service indexing awesome lists of open source software.
https://github.com/eltonlazzarin/twitter-clone-reactjs
Twitter Clone build in ReactJS and TypeScript
https://github.com/eltonlazzarin/twitter-clone-reactjs
clone-app javascript javascript-applications react-app react-sticky-box reactjs styled-components styled-icons twitter-clone-reactjs typescript typescript-application
Last synced: about 2 months ago
JSON representation
Twitter Clone build in ReactJS and TypeScript
- Host: GitHub
- URL: https://github.com/eltonlazzarin/twitter-clone-reactjs
- Owner: eltonlazzarin
- License: mit
- Created: 2020-07-08T02:51:37.000Z (over 4 years ago)
- Default Branch: master
- Last Pushed: 2020-08-17T17:15:06.000Z (over 4 years ago)
- Last Synced: 2023-04-08T21:38:06.189Z (almost 2 years ago)
- Topics: clone-app, javascript, javascript-applications, react-app, react-sticky-box, reactjs, styled-components, styled-icons, twitter-clone-reactjs, typescript, typescript-application
- Language: TypeScript
- Homepage:
- Size: 93.3 MB
- Stars: 28
- Watchers: 1
- Forks: 21
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
- License: LICENSE
Awesome Lists containing this project
README
Twitter Clone build in ReactJS and TypeScript
About The Project |
Technologies |
Getting Started |
How To Contribute |
License
## 👨🏻💻 About the project
Twitter 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.
This project includes the Mobile First concept, so it is fully responsive. It is possible to interact by clicking on favorite tweets.
## 🚀 Technologies
Technologies that I used to develop this frontend app
- [ReactJS](https://nodejs.org/en)
- [TypeScript](https://www.typescriptlang.org)
- [React-Sticky-Box](https://react-sticky-box.codecks.io)
- [Styled-Icons](https://styled-icons.js.org)
- [Styled-Components](https://styled-components.com)
- [VS Code](https://code.visualstudio.com) with [EditorConfig](https://marketplace.visualstudio.com/items?itemName=EditorConfig.EditorConfig) and [Prettier RC](https://github.com/prettier/prettier)
## 💻 Getting started
### Requirements
- [Node.js](https://nodejs.org/en/)
- [Yarn](https://classic.yarnpkg.com/) or [npm](https://www.npmjs.com/)
**Clone the project and access the folder**
```bash
$ git clone https://github.com/eltonlazzarin/twitter-clone-reactjs.git
$ cd twitter-clone-reactjs
```
**Follow the steps below**
```bash
# Install the dependencies
$ yarn
# Run the web app
$ yarn start
```
## 🤔 How to contribute
**Follow the steps below**
```bash
# Clone your fork
$ git clone https://github.com/eltonlazzarin/twitter-clone-reactjs.git
$ cd twitter-clone-reactjs
# Create a branch with your feature
$ git checkout -b your-feature
# Make the commit with your changes
$ git commit -m 'feat: Your new feature'
# Send the code to your remote branch
$ git push origin your-feature
```
After your pull request is merged, you can delete your branch
## 📝 License
This project is under the MIT license. See the [LICENSE](https://github.com/eltonlazzarin/twitter-clone-reactjs/blob/master/LICENSE) for more information.