https://github.com/henriquemarquesdev/gameplay
Next Level Week Together by Rocketseat - React Native.
https://github.com/henriquemarquesdev/gameplay
asyncstorage axios expo react react-native react-navigation rocketseat styled-components typescript
Last synced: 11 months ago
JSON representation
Next Level Week Together by Rocketseat - React Native.
- Host: GitHub
- URL: https://github.com/henriquemarquesdev/gameplay
- Owner: henriquemarquesdev
- License: mit
- Created: 2021-06-20T23:41:10.000Z (over 4 years ago)
- Default Branch: main
- Last Pushed: 2023-01-14T17:21:50.000Z (almost 3 years ago)
- Last Synced: 2024-12-27T21:16:10.970Z (about 1 year ago)
- Topics: asyncstorage, axios, expo, react, react-native, react-navigation, rocketseat, styled-components, typescript
- Language: TypeScript
- Homepage:
- Size: 1.32 MB
- Stars: 2
- Watchers: 2
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
- License: LICENSE
Awesome Lists containing this project
README
🚀 Done 🚀
---
## 📋 About
An app for scheduling esports matches with your friends.
---
## 🎉 Improvements
- Added styling with styled-components;
- Added Light Theme;
- Added theme in storage with AsyncStorage;
- Added random messages on Home screen;
- Added modal with Logout screen;
- Added validation for empty fields in the form;
- Added validation for date and time;
- Added numbers-only typing mask for SmallInput component;
---
## 📂 How to run this project
To clone and run this app, you will need to [Git](https://git-scm.com), [NodeJs](https://nodejs.org/en/) and [Android Studio](https://developer.android.com/studio) installed on your computer or a mobile device with android or ios with the [Expo Go](https://expo.dev/client) app installed.
### 🌀 Cloning the repository
```bash
# Clone this repository
$ git clone https://github.com/HMDarkFir3/gameplay.git
# Access the project folder in the terminal/cmd
$ cd gameplay
```
### 🎲 Running the Application
```bash
# Install dependencies
$ yarn install ou npm install
# Run the Application in Development
# If you are using your cellphone how emulator, run
$ npx expo start
# If you are using the Android emulator, run
$ yarn android ou npm run android
# If you are using the IOS emulator, run
yarn ios ou npm run ios
```
### 📁 .ENV Configuration
```bash
# added .env.example in the project, remember to add the environment variables as per the example
REDIRECT_URI=
SCOPE=
RESPONSE_TYPE=
CLIENT_ID=
CDN_IMAGE=
```
---
## 🚀 Technologies Used
The project was developed using the following technologies:
- [React Native](https://reactnative.dev)
- [Expo](https://docs.expo.io)
- [TypeScript](https://www.typescriptlang.org)
- [React Navigation](https://reactnavigation.org)
- [Async Storage](https://react-native-async-storage.github.io/async-storage/docs/install/)
- [Axios](https://github.com/axios/axios)
- [Styled Components](https://styled-components.com)
---
## 💪 How to contribute to the project
1. Make a **fork** of the project.
2. Create a new branch with your changes: `git checkout -b my-feature`
3. Save the changes and create a commit message telling you what you've done: `git commit -m "feature: My new feature"`
4. Submit your changes: `git push origin my-feature`
> If you have any questions check out this [guide on how to contribute to GitHub](https://github.com/firstcontributions/first-contributions)
---
## 🧑 Author
Henrique Luís Oliveira Marques
---
## 📝 License
This project is under the MIT license. See the [LICENSE](./LICENSE) to learn more.
👋🏽 [Get in touch!](https://www.linkedin.com/in/henrique-luís-oliveira-marques-3406361a7/)