Gympoint

<div align="center"> <img src="https://res.cloudinary.com/stefanosaffran/image/upload/v1576226426/kxmdozm0odu7e0twlhx3.svg" width="230px"/> </div> <h1 align="center"> GymPoint Fullstack app </h1> <h4 align="center"> </h4> <p align="center"> <img alt="Last commit on GitHub" src="https://img.shields.io/github/last-commit/StefanoSaffran/gympoint?color=EE4D64"> <img alt="Made by Stefano" src="https://img.shields.io/badge/made%20by-StefanoSaffran-%20?color=EE4D64"> <img alt="Project top programing language" src="https://img.shields.io/github/languages/top/StefanoSaffran/gympoint?color=ee4d64"> <img alt="GitHub license" src="https://img.shields.io/github/license/StefanoSaffran/gympoint?color=ee4d64"> </p> <p align="center"> <a href="#computer-project">Project</a>&nbsp;&nbsp;&nbsp;|&nbsp;&nbsp;&nbsp; <a href="#rocket-built-with">Built with</a>&nbsp;&nbsp;&nbsp;|&nbsp;&nbsp;&nbsp; <a href="#information_source-how-to-run">How to run</a>&nbsp;&nbsp;&nbsp;|&nbsp;&nbsp;&nbsp; <a href="#page_facing_up-license">License</a>&nbsp;&nbsp;&nbsp;|&nbsp;&nbsp;&nbsp; <a href="#mailbox_with_mail-get-in-touch">Get in touch</a> </p>

:computer: Project

Gym management app, that allows the admin to manage students, plans, memberships and answer to student requests on the web app and students can check-in and create orders on the mobile app.

:rocket: Built with

This project was developed with the following technologies:

• Node.js
• ReactJS
• React Native
• Redux
• Redux-Saga
• Redux-persist
• @rocketseat/unform
• Styled-components
• React-toastify
• React Navigation
• React-icons
• Axios
• Reactotron
• Immer
• Polished
• Yup
• Bee-queue
• Date-fns
• Prop-types
• ESLint
• Prettier
• VS Code

:information_source: How to run

Requirements

To run the application you will need:

• Git
• Node
• Yarn

I strongly recommend using Docker to run the databases. <br> If you decide to use docker, follow this steps to install and run the docker images.

# install Redis image
$ docker run --name imageName -p 6379:6379 -d -t redis:alpine

# install Postgres image (if you don't specify an username it will be postgres by default)
$ docker run --name imagename -e POSTGRES_PASSWORD=yourPassword -p 5432:5432 -d postgres

# start Redis
$ docker start imageName

# start Postgres
$ docker start imageName

Backend

Now clone the repository and install the dependencies.

# to clone the repository
$ git clone https://github.com/StefanoSaffran/gympoint.git

# go into the backend folder
$ cd gympoint/backend

#install the backend dependencies
$ yarn

In order to connect to the database, you will need to enter the access informations into a .env file, based on a .env.example file that is provided in the backend folder, change the variables according to your environment.

# run migrations
$ yarn sequelize db:migrate

# run seeds
$ yarn sequelize db:seed:all

# run api
$ yarn dev & yarn queue

Frontend

# in another tab of the terminal install the frontend dependencies and run it 
$ cd frontend
$ yarn
$ yarn start

Use this credentials to access the web application

<blockquote><strong>email:</strong> admin@gympoint.com</blockquote> <blockquote> <strong>senha:</strong> 123456</blockquote>

Mobile

for mobile you need the Android emulator with the SDK installed or IOS emulator and the react-native cli.

<blockquote>The project was developed and tested on Android emulator</blockquote>

# install dependencies and run the mobile
$ cd mobile
$ yarn

# first open the emulator and start the react native server
$ yarn start

# in another tab install and run the app
$ yarn android

<blockquote>this part can be tricky, if you face some error, try running yarn start --reset-cache and yarn android again.</blockquote>

:page_facing_up: License

This project is under the MIT license. See the LICENSE for more information

:mailbox_with_mail: Get in touch!

<a href="https://stefanosaffran.com" target="_blank" > <img alt="Website - Stefano Saffran" src="https://img.shields.io/badge/Website--%23F8952D?style=social"> </a>&nbsp;&nbsp;&nbsp; <a href="https://www.linkedin.com/in/stefanosaffran/" target="_blank" > <img alt="Linkedin - Stefano Saffran" src="https://img.shields.io/badge/Linkedin--%23F8952D?style=social&logo=linkedin"> </a>&nbsp;&nbsp;&nbsp; <a href="mailto:stefanoas@gmail.com" target="_blank" > <img alt="Email - Stefano Saffran" src="https://img.shields.io/badge/Email--%23F8952D?style=social&logo=gmail"> </a>

---

Made with :coffee: and ❤️ by Stefano Saffran.