| Alterações | Data | Versão |
|---|---|---|
| Emissão Inicial | 31/10/22 | 1.0.1 |
Bom, eu criei um novo projeto ao voltado para treinos de academia, invés de ter sua ficha em papel, ela na verdade está em um software. Do modo que estou falando parece que nem existe no mercado 🤦🏽♂️😅😂. Mas enfim, ao longo das academias que eu passei, sentir uma falta funcionalidade gerenciamento de cargas e acompanhamento delas. Com base nisso criei está solução, que acompanha um gráfico simples de evolução da força do esportista ao longo do seu aumento de carga em Quilogramas. Como e visto abaixo.
Não tive trabalhos para realizar essa aplicação tem uma, creio foi um dos melhores front-end que já criei, se não o melhor tirando algumas coisa inputs repitidos e não convertidos em componentes Way of the Weights tem uma das melhores validação de dados de inputs que já creio, claro com o auxilio do react hook form, uma biblioteca excelente para tal. Criei gráficos com Recharts. Troquei devido a antiga que usava não ter uma documentação muito boa.
• Typescript • React • React-hook-forms • Recharts
- Clone o projeto
- Digite npm start no ambiente de desenvolvimento ou npm run build para rodar o projeto.
- Registrar no app: Clique no botão registrar para criar sua conta.
- Login no App: Coloque seu usuário e senha para se logar.
- Esqueci minha senha: Caso aconteça clique em esqueci minha senha para criar uma nova.
- Tela inicial Dashboard: Onde está localizado os dados do último exercício.
- Treinos do usuário: Nessa lista todos os treinos do usuário. Nela também poderá adicionar, deletar (caso não tenha um exercício), editar um treino e ao clicar no card poderá ver os exercícios daquele treino.
- Exercício do treino: Ao clicar em um treino, lista todos os exercícios daquele treino. Nela também poderá adicionar, deletar, editar um treino e ao clicar no card poderá ver os detalhes aquele exercício clicado.
- Exercícios de demonstrativos evolução: Há quanto qual a carga que o usuário está carregando naquele momento. Abaixo haverá um gráfico demostrando à evolução as trocadas ao longo do tempo daquele exercício. Esse gráfico e alimentado pelos desde a criação do exercício até os futuros update é trocas de cargas efetuadas pelo usuário.
- Pesos: Mostra alguns utilizados pela aplicação ao todo somente temos 250 Quilogramas, mas futuramente poderemos aumentar mais.
- Área do Usuário: Essa área o usuário poderá mudar seus dados cadastrados anteriormente como queira.
- Bom, o foco desse aplicativo é mensurar o ganho de força do usuário.
Ahhh, mas você já vai ir embora 😢 ...
Esse projeto foi voltado para o acompanhamento da evolução da força do Usuário que pratica algum esporte físico. O codigo foi melhorado ao máximo. Amei usar a biblioteca React-hook-form no front-end.
Joao Guilherme 🚀
Feito com 🤭 por Joao Guilherme 👋🏽 Entre em contato!
