O Saúde Mania é um aplicativo móvel desenvolvido para facilitar a vida dos pacientes, permitindo que gerenciem sua saúde de forma integrada e digital. Com ele, usuários podem agendar consultas e exames, visualizar resultados, controlar medicamentos e muito mais.
- 🔐 Autenticação de Usuário: Sistema completo de Login, Cadastro e Recuperação de senha.
- 📅 Agendamento Online: Marque consultas e exames de forma rápida e fácil.
- 📊 Resultados de Exames: Acesse seu histórico e os resultados de exames diretamente no app.
- 💊 Controle de Medicamentos: Gerencie os medicamentos prescritos, horários e doses.
- 🤖 Chatbot Assistente: Tire dúvidas e receba orientações do nosso assistente virtual com IA.
- 👤 Perfil de Usuário: Visualize e edite suas informações pessoais e de saúde.
- 📄 Planos de Saúde: Consulte informações sobre os planos disponíveis.
- ⚙️ Configurações: Personalize a experiência no aplicativo.
Este projeto foi construído com as seguintes tecnologias:
- React Native
- Expo
- TypeScript
- Expo Router para navegação.
- React Hook Form para gerenciamento de formulários.
- Reanimated para animações de alta performance.
Siga as instruções abaixo para configurar e rodar o projeto em seu ambiente de desenvolvimento local.
- Node.js (versão LTS recomendada)
- Yarn
- Expo Go instalado em seu dispositivo móvel (Android ou iOS).
- Um backend rodando localmente nas portas
3000(API principal) e8000(Chatbot), conforme configurado nos hooks.
- Clone o repositório:
git clone [email protected]:ClinicHealthCareSystem/FrontEnd.git
- Navegue até o diretório do projeto:
cd FrontEnd - Instale as dependências:
yarn install
- Configure as variáveis de ambiente. Crie um arquivo
.envna raiz do projeto a partir do exemplo:Em seguida, preencha o arquivocp .env.example .env
.envcom as URLs da sua API. Exemplo:(Observação: Atualmente as URLs estão fixas no código. O ideal é refatorar os hooks para usar estas variáveis).API_URL=http://localhost:3000 BOT_URL=http://localhost:8000
- Inicie o servidor de desenvolvimento do Metro:
yarn start
- Um QR code aparecerá no seu terminal. Escaneie este QR code com o aplicativo Expo Go no seu celular.
A estrutura de pastas do projeto está organizada da seguinte forma:
FrontEnd/
├── src/
│ ├── animations/ # Animações Lottie
│ ├── app/ # Definições de rotas (Expo Router)
│ ├── assets/ # Imagens, fontes e outros arquivos estáticos
│ ├── components/ # Componentes React reutilizáveis
│ ├── global/ # Estilos e configurações globais
│ ├── hooks/ # Hooks customizados (ex: useLogin)
│ ├── screens/ # Telas principais do aplicativo
│ ├── styles/ # Arquivos de estilo para componentes e telas
│ └── utils/ # Funções utilitárias (validações, máscaras)
├── .env.example # Exemplo de arquivo de variáveis de ambiente
├── babel.config.js # Configuração do Babel
├── package.json # Dependências e scripts do projeto
└── tsconfig.json # Configuração do TypeScript