Repositório GitHub
— Funcionalidades
O que o projeto oferece
Dashboard em Tempo Real
Métricas de saúde com gráficos animados, histórico e alertas inteligentes baseados em IA.
Agendamento Inteligente
Calendário com lembretes automáticos por e-mail e SMS e disponibilidade em tempo real.
Área do Paciente
Histórico médico digital seguro com documentos, exames e prescrições centralizados.
Chatbot com IA
Triagem inicial de sintomas com recomendações personalizadas e encaminhamento automático.
Acessibilidade WCAG AAA
Alto contraste, navegação por teclado e suporte total a leitores de tela.
Design Responsivo
Experiência perfeita em qualquer dispositivo: mobile, tablet e desktop ultrawide.
— Lighthouse Audit
Métricas de Qualidade
— Stack Tecnológico
Tecnologias Utilizadas
— Desenvolvimento
Jornada do Projeto
Pesquisa & Planejamento
Semana 1–2Levantamento de requisitos, design system, arquitetura da aplicação e definição do roadmap técnico.
Design & Prototipação
Semana 3–4Criação de wireframes, design de alta fidelidade e sistema de tokens CSS para consistência visual.
Desenvolvimento Core
Semana 5–9Implementação das funcionalidades principais, componentes reutilizáveis e integração de APIs.
Testes & Refinamento
Semana 10–11Testes E2E com Cypress, revisão de acessibilidade, otimizações de performance e auditorias Lighthouse.
Deploy & Lançamento
Semana 12Deploy na Vercel com CI/CD automatizado, domínio configurado e monitoramento de produção ativo.
— Sobre o Projeto
Descrição Completa
O Mais Vida nasceu da necessidade de democratizar o acesso à saúde digital de qualidade, criando uma experiência que seja simultaneamente poderosa para profissionais e intuitiva para qualquer usuário.
Visão Geral
O projeto é uma aplicação web full-stack voltada à gestão de saúde pessoal. Usuários acompanham métricas de bem-estar em tempo real, agendam consultas com profissionais, acessam histórico médico digitalizado e contam com um assistente de IA para triagem inicial de sintomas — tudo em uma única plataforma segura e acessível.
Principais Funcionalidades
◆Dashboard Interativo — Visualização de métricas de saúde em tempo real com gráficos animados e alertas inteligentes.
◆Sistema de Agendamento — Calendário inteligente com lembretes automáticos por e-mail e SMS integrados.
◆Área do Paciente — Histórico médico digital com documentos, exames e prescrições em um só lugar.
◆Chatbot com IA — Triagem inicial de sintomas com recomendações personalizadas e encaminhamento automático.
◆Modo de Acessibilidade — Alto contraste, navegação por teclado e leitores de tela totalmente otimizados (WCAG 2.1 AAA).
◆Design Responsivo — Experiência nativa em qualquer dispositivo, do mobile ao desktop ultrawide.
Desafios Técnicos
O maior desafio foi criar uma interface que fosse simultaneamente intuitiva para usuários leigos e robusta o suficiente para profissionais de saúde exigentes. A solução envolveu arquitetura de componentes altamente modular, uso de React Server Components para performance otimizada, e um sistema de design tokens que garante consistência visual em toda a aplicação.