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
• react-native-gesture-handler
• TypeScript
• @expo-google-fonts
• @expo/vector-icons
• Styled-Components
• VS Code with EditorConfig and Prettier RC

💻 Getting started

Requirements

• Node.js
• Yarn or npm

Clone the project and access the folder

# 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

# 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

# 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 for more information.