Este é o projeto Frontend do sistema LifeCode, uma solução para compartilhamento rápido de informações médicas em situações de emergência através de QR Code.
Desenvolvido com React, Vite e focado em usabilidade Mobile.
Antes de começar, você precisa ter instalado em sua máquina:
Node.js (Versão 18 ou superior recomendada)
O Backend (API Java) deve estar rodando na porta 8080 para que o login e salvamento funcionem.
Siga os passos abaixo para configurar o projeto localmente:
1- Instalar Dependências
Abra o terminal na pasta raiz deste projeto (frontend) e execute:
npm install
2- Configurar Variáveis de Ambiente (Importante!)
Este projeto utiliza um arquivo .env para configurar os endereços de IP (para funcionar o acesso via celular e o QR Code).
3- Rodar o Projeto Execute o comando:
npm run dev
O terminal irá mostrar o link de acesso, geralmente:https://localhost:5173/
-
React (Biblioteca de UI)
-
Vite (Build tool rápida)
-
Axios (Comunicação com API)
-
React Router Dom (Navegação)
-
QRCode.react (Geração de QR Codes)
-
React Icons (Ícones)
-
CSS Puro (Estilização customizada e responsiva)
1- Cadastro e Login: Autenticação integrada com Spring Security.
2- Painel do Usuário: Formulário para preenchimento de dados médicos (Alergias, Doenças, Cirurgias).
3- Geração de QR Code: Criação automática de um código único para emergências.
4- Impressão de Cartão: Layout CSS específico (@media print) para imprimir o cartão com a senha de acesso.
5- Acesso Público (Emergência): Tela bloqueada por senha para socorristas visualizarem os dados.