Giter Club home page Giter Club logo

iginite-rn-03-gym's Introduction

GYM App - React Native

GYM App logo

Description

"GYM App" is a React Native app powered by Expo that allows users to manage their fitness activities at the gym. It is the ideal application for those who exercise daily and want to follow their progress.

Installation

To install and run the app locally, please follow these steps:

Clone the repository:

git clone https://github.com/jefersonwillian/iginite-rn-03-gym.git

Enter the project folder:

 cd iginite-rn-03-gym

Install the dependencies:

npm install

Start the development server:

expo start

Run the app on an emulator or physical device using one of the following commands: Follow the instructions in the Expo Developer Tools to run the app on an emulator or physical device.

expo android

or

expo ios

Usage

When the application is running, you first need to register to access the workouts. We have a specific screen to carry out this registration. After registering, log in to the application. You will be redirected to the home page, where we will have a list of exercises with filter options by type of exercise. In addition, we have the history screen, where you can follow the entire history of the exercises performed. And then there's the profile screen, where you can change your registration information.

When clicking on a physical activity, a modal will open with details on how to perform that activity. You will be able to mark that exercise as completed and you will be redirected to the history screen.

Screens

Screen 1 Screen 2 Screen 3

Screen 4 Screen 5 Screen 6

Screen 7 Screen 8 Screen 9

Screen 10 Screen 11 Screen 12

About the project

This app was developed using Expo. In addition, we use Native Base to speed up the creation and styling of pages within the application. We use Yup for form validation and React Hook Form to control forms within the project.

The application saves some user information in storage, such as the token and refresh token. It also saves ID, name, email and avatar. We created a context that shares all user information to the project, so we can retrieve that information anywhere in the project.

We integrated with the API using Axios and created an interceptor in all requests to validate the access token and check the need to update this token when it expires. In addition, the project has other resources, such as components, theme, DTOs and hooks.

There are many other things that were created in the project. Feel free to review the project code

Contributing

If you would like to contribute to this project, please open an issue or submit a pull request. All contributions are welcome!

License

This project is licensed under the MIT license. See the LICENSE file for more details.

Author

GYM App was developed by Jeferson Carvalho.

iginite-rn-03-gym's People

Contributors

jefersonwca avatar jefersonwillian avatar

Stargazers

 avatar

Watchers

 avatar  avatar

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    ๐Ÿ–– Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. ๐Ÿ“Š๐Ÿ“ˆ๐ŸŽ‰

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google โค๏ธ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.