/ignite-gym-react-native

Gym training management application, allowing access to exercises divided by muscle groups.

Primary LanguageTypeScript

Clique aqui para ver a versรฃo em Portuguรชs.

๐Ÿ“„ 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

๐Ÿš€ 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
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