https://github.com/luc-ribeiro/ignite-gym-react-native
Aplicativo de gerenciamento de treinos na academia, permitindo o acesso aos exercícios divididos por grupos musculares.
https://github.com/luc-ribeiro/ignite-gym-react-native
async-storage axios expo native-wind react-hook-form react-native typescript zod
Last synced: 2 months ago
JSON representation
Aplicativo de gerenciamento de treinos na academia, permitindo o acesso aos exercícios divididos por grupos musculares.
- Host: GitHub
- URL: https://github.com/luc-ribeiro/ignite-gym-react-native
- Owner: luc-ribeiro
- Created: 2024-05-04T22:30:21.000Z (about 2 years ago)
- Default Branch: main
- Last Pushed: 2024-05-04T22:58:03.000Z (about 2 years ago)
- Last Synced: 2024-05-04T23:24:50.987Z (about 2 years ago)
- Topics: async-storage, axios, expo, native-wind, react-hook-form, react-native, typescript, zod
- 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
## 📄 Project
Gym training management application, featuring a variety of exercises divided into categories to facilitate selection and access. After choosing an exercise, the user receives a recommendation on how many sets to perform. Users can also mark exercises as completed, storing them in a history.
The application includes a user registration system with token-based authentication, allowing password and avatar management. The entire application's functionality is supported by Async Storage, ensuring that user-entered data remains saved even after the application is closed.
## 📝 Concepts
- **Tokens and Refresh Tokens**
- **Public and Private Routes**
- **Styling with NativeWind**
- **Creation of controlled forms with React Hook Form**
- **Form validation with Zod**
- **Stack Navigation**
- **Tab Navigation**
- **AsyncStorage**
- **ContextAPI for creating an AuthContext**
- **Backend consumption with Axios**
- **Manipulation of Axios Interceptors**
- **Use of Expo Image Picker to access the device gallery and change the user's avatar**
- **JWT Authentication**
## 💻 Technologies
- **React Native**
- **TypeScript**
- **NativeWind**
- **AsyncStorage**
- **React Hook Form**
- **Axios**
- **Zod**
- **Expo Image Picker**
- **Expo File System**
- **React Native Toast Message**
## 🔖 Layout
### [Ignite Gym - Figma](https://www.figma.com/file/op1o9A7xHpITbmVvnTTDVu/Ignite-Gym?type=design&node-id=47-273&mode=design)
## 🚀 Running the project
To use the project's API, you need to clone the API from the repository below.
```
$ git clone https://github.com/orodrigogo/ignitegym-api.git
// Run the command in the API directory:
$ npm start
// The API will run on port 3333
```
```bash
1. Clone this repository to your machine
$ git clone https://github.com/luc-ribeiro/ignite-gym-react-native.git
2. Install dependencies
$ npm i
3. Create a .env file following the structure of .env.example
4. 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
```