https://github.com/eltonlazzarin/twitch-clone-mobile
Twitch Clone's detailed UI developed in React Native and TypeScript
https://github.com/eltonlazzarin/twitch-clone-mobile
clone-app expo expo-status-bar javascript javascript-applications mobile-app mobile-development react-app react-native react-native-app styled-components twitchtv twitchtv-clone typescript typescript-react
Last synced: 2 months ago
JSON representation
Twitch Clone's detailed UI developed in React Native and TypeScript
- Host: GitHub
- URL: https://github.com/eltonlazzarin/twitch-clone-mobile
- Owner: eltonlazzarin
- License: mit
- Created: 2020-08-28T01:31:58.000Z (almost 6 years ago)
- Default Branch: master
- Last Pushed: 2020-09-05T01:27:10.000Z (almost 6 years ago)
- Last Synced: 2025-03-26T13:50:59.578Z (about 1 year ago)
- Topics: clone-app, expo, expo-status-bar, javascript, javascript-applications, mobile-app, mobile-development, react-app, react-native, react-native-app, styled-components, twitchtv, twitchtv-clone, typescript, typescript-react
- Language: TypeScript
- Homepage:
- Size: 12.6 MB
- Stars: 0
- Watchers: 1
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
- License: LICENSE
Awesome Lists containing this project
README
Twitch Clone's detailed UI developed in React Native and TypeScript
About The Project |
Technologies |
Getting Started |
How To Contribute |
License
## 👨🏻💻 About the project
This is a project that consists of creating a UI clone of the Twitch mobile app. The project was developed in React Native with Expo in conjunction with TypeScript and other tools.
## 🚀 Technologies
Technologies that I used to develop this frontend app
- [Expo](https://expo.io/)
- [react-native-gesture-handler](https://docs.expo.io/versions/latest/sdk/gesture-handler/)
- [TypeScript](https://www.typescriptlang.org)
- [@expo-google-fonts](https://docs.expo.io/guides/using-custom-fonts)
- [@expo/vector-icons](https://docs.expo.io/guides/icons)
- [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
# Clone this repository
$ git clone https://github.com/eltonlazzarin/twitch-clone-mobile.git
# Go into the repository
$ cd twitch-clone-mobile
```
**Follow the steps below**
```bash
# Install the dependencies
$ yarn
# Run Expo app
$ yarn start
```
## Install the app on a physical phone
1. Go to your app store, look for the app called Expo, and install it on your device.
2. With the app installed, open it and click on Scan QR Code, point the camera phone to the QR code shown on the page that opened after executing the command yarn start and ready, the app will load and be ready for use.
## 🤔 How to contribute
**Follow the steps below**
```bash
# Clone your fork
$ git clone https://github.com/eltonlazzarin/twitch-clone-mobile.git
$ cd twitch-clone-mobile
# 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/twitch-clone-mobile/blob/master/LICENSE) for more information.