Ecosyste.ms: Awesome

An open API service indexing awesome lists of open source software.

Awesome Lists | Featured Topics | Projects

https://github.com/itsmorais/mobile_gym


https://github.com/itsmorais/mobile_gym

Last synced: 18 days ago
JSON representation

Awesome Lists containing this project

README

        

# Mobile Gym
![JavaScript](https://img.shields.io/badge/javascript-%23323330.svg?style=for-the-badge&logo=javascript&logoColor=%23F7DF1E)
![React](https://img.shields.io/badge/react-%2320232a.svg?style=for-the-badge&logo=react&logoColor=%2361DAFB)
![Next JS](https://img.shields.io/badge/Next-black?style=for-the-badge&logo=next.js&logoColor=white)
![Vercel](https://img.shields.io/badge/vercel-%23000000.svg?style=for-the-badge&logo=vercel&logoColor=white)
![NodeJS](https://img.shields.io/badge/node.js-6DA55F?style=for-the-badge&logo=node.js&logoColor=white)
![MySQL](https://img.shields.io/badge/mysql-%2300f.svg?style=for-the-badge&logo=mysql&logoColor=white)
![Prisma](https://img.shields.io/badge/Prisma-3982CE?style=for-the-badge&logo=Prisma&logoColor=white)
![AWS](https://img.shields.io/badge/AWS-%23FF9900.svg?style=for-the-badge&logo=amazon-aws&logoColor=white)
![Figma](https://img.shields.io/badge/figma-%23F24E1E.svg?style=for-the-badge&logo=figma&logoColor=white)
![Styled Components](https://img.shields.io/badge/styled--components-DB7093?style=for-the-badge&logo=styled-components&logoColor=white)

Mobile Gym is a web application for mobile that I developed as a personal project to help me keep track of my exercises at the gym. It allows me to record all my exercises, including the name of the exercise, the weight, the sets, and an image of how to do it. All the information is stored in a database, so I can easily access my exercise history and adjust my workout routine as needed.




## Features
- Record all your exercises, including the name, weight, sets, and an image of how to do it
- Personalize your workout routine by adjusting the weight for each exercise in real time
- Easily access the instructions for each exercise, including the image
- Store all your exercise data in a database

## Technical Skills
Developing Mobile gym allowed me to demonstrate my proficiency in several key technical skills, including:

- Database design and management
- Restful API development
- User interface design and development
- Use of version control tools (Git)

## Technologies Used
* Prototype: [Figma](https://www.figma.com/file/m9YKk4CQGwqpaBgii8yPsT/mobile_gym?type=design&node-id=0%3A1&t=gBRUreQJRcXYooyt-1)

* Frontend: JavaScript, Next.js, React, styled-components, Figma
* Backend: Next.js, Node.js, Prisma ORM, MySQL, AWS (for hosting the database)

### Design
I designed the user interface using Figma. The design includes a clean and modern layout with easy-to-use features that allow for efficient and personalized tracking of workout progress.

### Usage
While the app was originally developed for my personal use, it also serves as a showcase of my technical skills and ability to develop a full-stack web application. I invite you to check out the code and give it a try for yourself.