https://github.com/luc-ribeiro/ignite-teams-react-native
Aplicativo para cadastrar turmas e jogadores em duas equipes, desenvolvendo conceitos de AsyncStorage e navegação.
https://github.com/luc-ribeiro/ignite-teams-react-native
async-storage expo react-native styled-components typescript
Last synced: about 2 months ago
JSON representation
Aplicativo para cadastrar turmas e jogadores em duas equipes, desenvolvendo conceitos de AsyncStorage e navegação.
- Host: GitHub
- URL: https://github.com/luc-ribeiro/ignite-teams-react-native
- Owner: luc-ribeiro
- Created: 2024-05-04T22:27:36.000Z (about 2 years ago)
- Default Branch: main
- Last Pushed: 2024-05-04T22:28:13.000Z (about 2 years ago)
- Last Synced: 2024-05-04T23:19:06.241Z (about 2 years ago)
- Topics: async-storage, expo, react-native, styled-components, typescript
- Language: TypeScript
- Homepage:
- Size: 0 Bytes
- Stars: 0
- Watchers: 1
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
Ignite Teams
## 📄 Project
App that consists of creating teams and adding players to Team A or Team B. Data is stored on the device itself using AsyncStorage, and the screen construction was done using Styled-Components.
## 📝 Concepts
- **Path Mapping**
- **Stack Navigator**
- **AsyncStorage**
- **Custom Exceptions**
- **Theme Tokens**
## 💻 Technologies
- **React Native**
- **TypeScript**
- **Styled-Components**
- **AsyncStorage**
- **Expo**
## 🔖 Layout
### [Ignite Teams - Figma](https://www.figma.com/file/qL7TqYZjsBdMDFMGx6rDA2/Ignite-Teams?type=design&node-id=47-273&mode=design)
## 🚀 Running the project
```bash
1. Clone this repository to your machine
$ git clone https://github.com/luc-ribeiro/ignite-teams-react-native.git
2. Install dependencies
$ npm i
3. Run the project with the command:
$ npm start
- With Expo Go open on your device, scan the QR code in the terminal
Note: Expo Go must be installed on your mobile device
```