Acompanhe seu humor, construa hábitos saudáveis e descubra padrões emocionais de forma intuitiva!
- Emoções em Destaque: Registre múltiplos estados emocionais ao longo do dia com notas personalizadas.
- Histórico Visual: Veja sua evolução em gráficos interativos e calendário mensal.
- Metas Personalizáveis: Crie hábitos, defina lembretes e acompanhe streaks.
- Progresso em Tempo Real: Visualize seu desempenho com estatísticas semanais/mensais.
- Capture Momentos: Anote reflexões, conquistas ou desafios em segundos.
- Organização Simplificada: Filtre por tags, datas ou emojis.
- Padrões Revelados: Gráficos de tendências emocionais e correlação com hábitos.
- Node.js 18+
- npm 9+
- Vue CLI 5
# Clone o repositório
git clone https://github.com/JhonataAugust0/moodtracker-frontend.git
# Instale as dependências
npm install
# Configure as variáveis de ambiente (renomeie .env.example para .env)
cp .env.example .env
# Inicie o servidor de desenvolvimento
npm run dev
Camada | Tecnologias |
---|---|
Frontend | Vue 3, TypeScript, Pinia (State Management), Vue Router |
Estilização | Tailwind CSS, Heroicons, Headless UI |
Integração | Axios (HTTP Client), Zod (Validação de Schemas) |
Ferramentas | Vite |
Este frontend consome a API do MoodTracker, desenvolvida em C#/.NET Core.
| 🔐 Segurança Garantida: Autenticação JWT, Refresh Tokens e Criptografia SHA-256.
Copy
src/
├── assets/ # Imagens e fonts
├── components/ # Componentes reutilizáveis
├── layouts/ # Templates de páginas
├── router/ # Configuração de rotas
├── stores/ # Gerenciamento de estado (Pinia)
├── types/ # Tipos TypeScript
└── views/ # Páginas principais
Faça um fork do projeto
Crie sua branch: git checkout -b feature/incrivel
Commit suas mudanças: git commit -m 'feat: Adiciona componente X'
Push: git push origin feature/incrivel
Abra um Pull Request!
Distribuído sob licença CC BY-NC-SA 4.0. Veja LICENSE para mais detalhes.