{"id":22426287,"url":"https://github.com/joaog23/wayoftheweights-frontend","last_synced_at":"2026-04-05T23:35:22.531Z","repository":{"id":132756912,"uuid":"547336682","full_name":"JoaoG23/WayOfTheWeights-FrontEnd","owner":"JoaoG23","description":"Aplicativo Web para treinos de academia com foco em mensurar o ganho de força do usuário ao longo do tempo 🏋🏽‍♂️. Clique aqui para saber mais!","archived":false,"fork":false,"pushed_at":"2024-06-12T19:20:25.000Z","size":21331,"stargazers_count":1,"open_issues_count":0,"forks_count":0,"subscribers_count":1,"default_branch":"main","last_synced_at":"2025-02-01T11:25:33.752Z","etag":null,"topics":["force","gym","react","stronger","styled-components","typescript"],"latest_commit_sha":null,"homepage":"","language":"TypeScript","has_issues":true,"has_wiki":null,"has_pages":null,"mirror_url":null,"source_name":null,"license":"mit","status":null,"scm":"git","pull_requests_enabled":true,"icon_url":"https://github.com/JoaoG23.png","metadata":{"files":{"readme":"README.md","changelog":null,"contributing":null,"funding":null,"license":"LICENSE","code_of_conduct":null,"threat_model":null,"audit":null,"citation":null,"codeowners":null,"security":null,"support":null,"governance":null,"roadmap":null,"authors":null,"dei":null,"publiccode":null,"codemeta":null}},"created_at":"2022-10-07T14:11:38.000Z","updated_at":"2024-06-12T19:20:29.000Z","dependencies_parsed_at":null,"dependency_job_id":"17421844-ec98-4360-bb8f-dfad1ae65777","html_url":"https://github.com/JoaoG23/WayOfTheWeights-FrontEnd","commit_stats":null,"previous_names":[],"tags_count":0,"template":false,"template_full_name":null,"repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/JoaoG23%2FWayOfTheWeights-FrontEnd","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/JoaoG23%2FWayOfTheWeights-FrontEnd/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/JoaoG23%2FWayOfTheWeights-FrontEnd/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/JoaoG23%2FWayOfTheWeights-FrontEnd/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/JoaoG23","download_url":"https://codeload.github.com/JoaoG23/WayOfTheWeights-FrontEnd/tar.gz/refs/heads/main","host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":245791955,"owners_count":20672671,"icon_url":"https://github.com/github.png","version":null,"created_at":"2022-05-30T11:31:42.601Z","updated_at":"2022-07-04T15:15:14.044Z","host_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub","repositories_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories","repository_names_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repository_names","owners_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners"}},"keywords":["force","gym","react","stronger","styled-components","typescript"],"created_at":"2024-12-05T19:17:17.366Z","updated_at":"2025-12-30T23:22:56.248Z","avatar_url":"https://github.com/JoaoG23.png","language":"TypeScript","funding_links":[],"categories":[],"sub_categories":[],"readme":"\u003cdiv  align=center \u003e\n\n\u003ch1\u003eWayOftheWeights-FRONT-END 🏋🏽‍♂️\u003ch1\u003e\n\n\u003cimg width='260px' src=\"./assets/logo.png\" /\u003e\n\n\u003c/div\u003e\n\n### Indice 👨‍💻\n\n\u003cp align=center\u003e\n \u003cli\u003e \u003ca href=\"#introdução\"\u003e1 - 🚪Introdução\u003c/a\u003e •\u003c/li\u003e\n \u003cli\u003e \u003ca href=\"#desenvolvimento\"\u003e2 - ⚙️ Desenvolvimento e Tecnologias\u003c/a\u003e • \u003c/li\u003e\n \u003cli\u003e \u003ca href=\"#instalar\"\u003e3 - 👇🤘 Como instalar\u003c/a\u003e • \u003c/li\u003e\n \u003cli\u003e \u003ca href=\"#usar\"\u003e4 - 🤘Como Usar\u003c/a\u003e • \u003c/li\u003e\n \u003cli\u003e \u003ca href=\"#consideraçoesfinais\"\u003e5 - Considerações finais \u003c/a\u003e • \u003c/li\u003e\n \u003cli\u003e \u003ca href=\"#autor\"\u003e6 -🧑‍💻 Autor\u003c/a\u003e • \u003c/li\u003e\n \u003cli\u003e \u003ca href=\"#licensa\"\u003e 7- Licença\u003c/a\u003e • \u003c/li\u003e\n\u003c/p\u003e\n\n## Edições ✏️📑\n\n|             Alterações             |   Data   | Versão |\n| :--------------------------------: | :------: | :----: |\n| Emissão Inicial | 31/10/22 | 1.0.1  |\n\n\u003ch2 id='introdução' color=green \u003e\u003cb\u003e1 - Introdução\u003c/b\u003e\u003c/h2\u003e\n\nBom, 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\n\u003cimg width=\"400px\" src=\"https://media.tenor.com/fUUHTDw9pnsAAAAd/gym-fail-weak.gif\"\u003e\n\n\n\u003ch2 id='desenvolvimento'\u003e\u003cb\u003e2- Desenvolvimento e Tecnologias 🥵🧑‍🏭 \u003c/b\u003e\u003c/h2\u003e\n\u003cimg width=\"400px\" src=\"https://media.tenor.com/XZdrFx3tLNgAAAAC/bricks-laying.gif\"\u003e\n\nNã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\no 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.\n\n### 👥 Principais Tecnologia usadas até o momento\n\n**• Typescript**\n**• React**\n**• React-hook-forms**\n**• Recharts**\n\n[![My Skills](https://skillicons.dev/icons?i=html,css,js,ts,react,styledcomponents)](https://skillicons.dev)\n\n\n\u003ch2 id='instalar'\u003e\u003cb\u003e3- Como instalar 🧑‍🔧\u003c/b\u003e\u003c/h2\u003e\n\n1. Clone o projeto\n1. Digite npm start no ambiente de desenvolvimento ou npm run build para rodar o projeto.\n\n\n\u003ch2 id='usar'\u003e\u003cb\u003e4- Como usar 👩‍💻\u003c/b\u003e\u003c/h2\u003e\n\u003cbr/\u003e\n\u003cimg width=\"500px\" src=\"./assets/register.gif\"\u003e\n\n1.  Registrar no app: Clique no botão registrar para criar sua conta.\n\n\u003cbr/\u003e\n\u003cbr/\u003e\n\u003cimg width=\"500px\" src=\"./assets/dash.gif\"\u003e\n\n2.\tLogin no App: Coloque seu usuário e senha para se logar.\n\n\u003cbr/\u003e\n\u003cbr/\u003e\n\u003cimg width=\"500px\" src=\"./assets/senha.gif\"\u003e\n\n3.\tEsqueci minha senha: Caso aconteça clique em esqueci minha senha para criar uma nova.\n\n\u003cbr/\u003e\n\u003cbr/\u003e\n\u003cimg width=\"500px\" src=\"./assets/dash.gif\"\u003e\n\n4.\tTela inicial Dashboard: Onde está localizado os dados do último exercício.\n\n\u003cbr/\u003e\n\u003cbr/\u003e\n\u003cimg width=\"500px\" src=\"./assets/treinos.gif\"\u003e\n\n5.\tTreinos 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.\n\n\u003cbr/\u003e\n\u003cbr/\u003e\n\u003cimg width=\"500px\" src=\"./assets/exercicios.gif\"\u003e\n\n6.\tExercí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.\n\n\u003cbr/\u003e\n\u003cbr/\u003e\n\u003cimg width=\"500px\" src=\"./assets/umexercicio.gif\"\u003e\n\n7.\tExercí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.\n\n\u003cbr/\u003e\n\n8.\tPesos: Mostra alguns utilizados pela aplicação ao todo somente temos 250 Quilogramas, mas futuramente poderemos aumentar mais.\n\n\u003cbr/\u003e\n\u003cimg width=\"500px\" src=\"./assets/user.gif\"\u003e\n\n9.\tÁrea do Usuário: Essa área o usuário poderá mudar seus dados cadastrados anteriormente como queira.\n10.\tBom, o foco desse aplicativo é mensurar o ganho de força do usuário.\n\u003cbr/\u003e\n\n\u003ch3\u003e👉🏽\u003ca href='https://way-of-the-weights-front-end.vercel.app'\u003eClique aqui crie seu usuario para testar em tempo real\u003c/a\u003e\u003c/h3\u003e\n\n\n\u003ch2 id='consideraçoesfinais'\u003e\u003cb\u003e5 -🥺😭 Considerações finais\u003c/b\u003e\u003c/h2\u003e\n\nAhhh, mas você já vai ir embora 😢 ...\n\nEsse projeto foi voltado para o acompanhamento da evolução da força do Usuário que pratica algum esporte físico.\nO codigo foi melhorado ao máximo. Amei usar a biblioteca **React-hook-form** no front-end.\n\n\n\n\u003ch2 id='autor'\u003e\u003cb\u003e6- Autor ✍🏻\u003c/b\u003e\u003c/h2\u003e\n\n![avatar](https://images.weserv.nl/?url=https://avatars.githubusercontent.com/u/80895578?v=4?v=4\u0026h=100\u0026w=100\u0026fit=cover\u0026mask=circle\u0026maxage=7d\n)\n\n \u003csub\u003e\u003cb\u003eJoao Guilherme\u003c/b\u003e\u003c/sub\u003e\u003c/h4\u003e \u003ca href=\"https://github.com/JoaoG23/\"\u003e🚀\u003c/a\u003e\n\nFeito com 🤭 por Joao Guilherme 👋🏽 Entre em contato!\n\n[![Linkedin Badge](https://img.shields.io/badge/-Joao-blue?style=flat-square\u0026logo=Linkedin\u0026logoColor=white\u0026link=https://www.linkedin.com/in/jaoo/)](https://www.linkedin.com/in/joaog123/)\n[![Badge](https://img.shields.io/badge/-joaoguilherme94@live.com-c80?style=flat-square\u0026logo=Microsoft\u0026logoColor=white\u0026link=mailto:joaoguilherme94@live.com)](mailto:joaoguilherme94@live.com)\n\n\u003ch2 id='licenca'\u003e\u003cb\u003e7 - Licença\u003c/b\u003e\u003c/h2\u003e\n\n[![Licence](https://img.shields.io/github/license/Ileriayo/markdown-badges?style=for-the-badge)](./LICENSE)\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fjoaog23%2Fwayoftheweights-frontend","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fjoaog23%2Fwayoftheweights-frontend","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fjoaog23%2Fwayoftheweights-frontend/lists"}