Introdução
O projeto Emotion é uma aplicação Progressive Web App (PWA) inovadora, projetada especificamente para auxiliar indivíduos com transtorno bipolar a monitorar e gerenciar suas condições de forma eficaz. Utilizando a técnica LCM-S/P (Life Chart Methodology-Self Version with Prospective Follow-up), o Emotion permite que os usuários registrem diariamente suas variações de humor, episódios de mania e depressão, além de outros sintomas relevantes. Esta abordagem sistemática não só facilita o autoconhecimento e a auto-regulação dos pacientes, mas também fornece aos profissionais de saúde dados valiosos para um diagnóstico mais preciso e tratamentos personalizados. Com uma interface amigável e acessível de qualquer dispositivo, o Emotion empodera os usuários a tomarem um papel ativo em seu processo de tratamento, promovendo uma melhor qualidade de vida e bem-estar.
Tecnologias
O projeto Emotion utiliza uma variedade de tecnologias modernas para criar uma experiência de usuário robusta e eficiente. Aqui está um descritivo das principais tecnologias usadas:
React e React DOM: Bibliotecas JavaScript para construir interfaces de usuário. React permite criar componentes reutilizáveis e gerenciar o estado da aplicação de forma eficiente.
Vite: Um moderno empacotador de módulos que oferece uma experiência de desenvolvimento mais rápida com suporte out-of-the-box para TypeScript, JSX, CSS e mais, otimizando o processo de build e reload.
TypeScript: Superset de JavaScript que adiciona tipagem estática. Isso ajuda a prevenir muitos erros comuns em tempo de desenvolvimento, melhorando a qualidade do código.
Firebase: Plataforma da Google que fornece funcionalidades de backend como autenticação, banco de dados em tempo real, e hosting. No Emotion, é usada para autenticação de usuários e armazenamento de dados.
Chakra UI e @emotion: Bibliotecas de componentes de UI para React que permitem construir interfaces com um design sistemático e acessível. @emotion é usado para estilizações customizadas.
Chart.js e Recharts: Bibliotecas de gráficos para JavaScript. Usadas para visualizar os dados de humor dos usuários de forma gráfica.
date-fns e dayjs: Bibliotecas de manipulação de datas em JavaScript, utilizadas para formatar e manipular datas no aplicativo.
react-router-dom: Biblioteca para gestão de rotas em aplicações React, permitindo a navegação entre diferentes componentes sem recarregar a página.
Vite-plugin-pwa: Plugin para Vite que facilita a transformação do aplicativo em uma Progressive Web App, permitindo funcionalidades como trabalho offline e instalação na tela inicial.
Essas tecnologias juntas proporcionam uma base sólida para o desenvolvimento do Emotion, garantindo uma aplicação escalável, segura e de fácil manutenção.