Uma aplicação web moderna e interativa projetada para auxiliar na prática de exercícios de respiração guiada. O objetivo é ajudar os usuários a encontrar paz interior, reduzir o estresse e melhorar o foco através de técnicas de respiração controlada.
- Respiração Guiada: Ciclos visuais e auditivos para guiar a respiração (Inspirar, Segurar, Expirar, Pausar).
- Personalização: Ajuste a duração de cada fase da respiração (Inspirar, Segurar, Expirar, Esperar) e o tempo total da sessão.
- Visualizador Interativo: Animações suaves que acompanham o ritmo da respiração para uma experiência imersiva.
- Estatísticas em Tempo Real: Acompanhe o número de ciclos, respirações completas e o tempo decorrido durante a sessão.
- Interface Moderna: Design limpo e responsivo, focado na experiência do usuário e relaxamento.
Este projeto foi desenvolvido utilizando as seguintes tecnologias:
- React: Biblioteca JavaScript para construção de interfaces de usuário.
- Vite: Ferramenta de build rápida e leve.
- TypeScript: Superset do JavaScript que adiciona tipagem estática.
- Tailwind CSS: Framework CSS utility-first para estilização rápida e moderna.
Siga os passos abaixo para rodar a aplicação em seu ambiente local:
-
Clone o repositório:
git clone [<URL_DO_SEU_REPOSITORIO>](https://github.com/gesiellucas/respire) cd respire
-
Instale as dependências: Certifique-se de ter o Node.js instalado.
npm install
-
Inicie o servidor de desenvolvimento:
npm run dev
-
Acesse a aplicação: Abra o seu navegador e acesse o endereço indicado no terminal (geralmente
http://localhost:3000).
npm run dev: Inicia o servidor de desenvolvimento.npm run build: Compila a aplicação para produção.npm run preview: Visualiza a versão de produção localmente.
Este projeto está sob a licença MIT. Sinta-se à vontade para usar, modificar e distribuir.