Skip to content

JhonataAugust0/MoodTracker-front

Repository files navigation

🌈 MoodTracker - Monitorando seu bem-estar, um dia de cada vez.

Vue TypeScript Tailwind CSS

Acompanhe seu humor, construa hábitos saudáveis e descubra padrões emocionais de forma intuitiva!

Dashboard Preview

✨ Funcionalidades que Transformam seu Dia a Dia

📅 Registro de Humor Diário

  • 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.

🏆 Gerenciamento de Hábitos

  • Metas Personalizáveis: Crie hábitos, defina lembretes e acompanhe streaks.
  • Progresso em Tempo Real: Visualize seu desempenho com estatísticas semanais/mensais.

🗒️ Notas Rápidas

  • Capture Momentos: Anote reflexões, conquistas ou desafios em segundos.
  • Organização Simplificada: Filtre por tags, datas ou emojis.

📊 Análises Inteligentes

  • Padrões Revelados: Gráficos de tendências emocionais e correlação com hábitos.

🚀 Comece em 3 Passos

Pré-requisitos

  • Node.js 18+
  • npm 9+
  • Vue CLI 5

Instalação

# 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

🛠️ Tecnologias que Impulsionam o Projeto

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


📚 Integração com a API

Este frontend consome a API do MoodTracker, desenvolvida em C#/.NET Core.

| 🔐 Segurança Garantida: Autenticação JWT, Refresh Tokens e Criptografia SHA-256.



🌟 Para Desenvolvedores

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

Contribuindo

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!

Reportar Bug



📄 Licença

Distribuído sob licença CC BY-NC-SA 4.0. Veja LICENSE para mais detalhes.
CC BY-NC-SA 4.0

About

Resources

License

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published