https://github.com/gustavo7k/gymnoteinterface
Projeto fullstack de armazenamento e edição de treinos de musculação
https://github.com/gustavo7k/gymnoteinterface
Last synced: 5 months ago
JSON representation
Projeto fullstack de armazenamento e edição de treinos de musculação
- Host: GitHub
- URL: https://github.com/gustavo7k/gymnoteinterface
- Owner: Gustavo7K
- Created: 2025-04-29T05:48:35.000Z (10 months ago)
- Default Branch: main
- Last Pushed: 2025-06-18T07:03:55.000Z (8 months ago)
- Last Synced: 2025-06-18T07:30:52.920Z (8 months ago)
- Language: CSS
- Homepage:
- Size: 9.77 KB
- Stars: 1
- Watchers: 1
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
# 🖥️ Gym Note – Interface Front-end
Este repositório contém o **front-end** da aplicação `Gym Note`, responsável por enviar e exibir os dados de treinos da academia. Construído com HTML, CSS e JavaScript puro, se conecta à API em Spring Boot para realizar as operações de cadastro, edição, consulta e exclusão dos treinos.
## 🚀 Tecnologias utilizadas
- HTML5
- CSS3
- JavaScript (ES6)
- API REST via `fetch()`
## 📋 Funcionalidades
- Formulário para cadastro de treinos
- Listagem dos treinos cadastrados
- Edição de treinos existentes
- Exclusão com confirmação
- Integração total com a [API Back-end](https://github.com/Gustavo7K/GymNoteAPI)
## 📸 Prévia da Interface
- Tela de cadastro de treinos:
- Tela de listagem de treinos:
## 📦 Como rodar o front-end localmente
1. Clone este repositório:
```bash
git clone https://github.com/Gustavo7K/GymNoteInterface.git
2. Abra o arquivo index.html diretamente no navegador ou use uma extensão de servidor local como:
- Live Server (VSCode)
- http-server (npm install -g http-server)
3. Certifique-se de que a API esteja rodando em http://localhost:8080 (ou outro endereço configurado no seu JavaScript)
## 🤝 Repositório complementar (Back-end)
Esta aplicação se comunica com a API desenvolvida em Spring Boot.
- ➡️ [Acesse aqui o repositório do back-end](https://github.com/Gustavo7K/GymNoteAPI)
## 💭Rascunhos e Planejamento
A quem interessar deixo abaixo os rascunhos de como eu projetei e um pouco do que eu pensei como seria essa aplicação antes de começar a codar.
- Tudo isso foi feito no **excalidraw**