Gestão inteligente de medicamentos, estoque e pedidos via WhatsApp. PWA Offline-First focado em privacidade.
Seus medicamentos organizados, seu estoque sob controle, seus pedidos no WhatsApp — tudo 100% privado e offline.
| Funcionalidade | Descrição |
|---|---|
| 💊 Controle de Medicamentos | Cadastre remédios com nome, dosagem, fabricante e horário |
| 📦 Acompanhamento de Estoque | Alertas automáticos: crítico 🔴, atenção 🟡, ok 🟢 |
| ⏰ Lembretes de Dosagem | Veja os horários do dia e receba notificações |
| 🔔 Notificações | Alertas de estoque baixo e hora do remédio no celular |
| 🏪 Gerenciamento de Farmácias | Lista de farmácias com contato via WhatsApp |
| 📲 Pedidos via WhatsApp | Mensagem pré-formatada com seus remédios, editável antes de enviar |
| 👤 Perfil do Usuário | Salve seu nome, endereço e telefone — aparece na mensagem do pedido |
| 🔒 Privacidade Total | Dados armazenados apenas no seu dispositivo (LocalStorage) |
| 💾 Backup e Restauração | Exporte e importe tudo via arquivo JSON |
| 🌙 Tema Claro/Escuro | Personalização de cores e aparência |
| Funciona completamente sem internet | |
| 📲 Instalável | Comporta-se como app nativo no Android e iOS |
- HTML5 & CSS3 — Estrutura semântica com Design Tokens e componentes modulares
- JavaScript ES6+ — Módulos independentes:
storage.js,ui.js,auth.js,app.js - Service Workers — Cache completo para funcionamento offline
- Web App Manifest — Instalação como app nativo
- LocalStorage API — Persistência 100% local e privada
- Notifications API — Alertas nativos de estoque e horário de remédios
remed-pwa/
├── assets/
│ ├── remed-logo.png # Logo 1024×1024
│ ├── icon-192.png # Ícone PWA pequeno
│ └── icon-512.png # Ícone PWA grande
├── css/
│ ├── tokens.css # Variáveis globais (cores, espaçamentos)
│ └── components.css # Estilos dos componentes
├── js/
│ ├── storage.js # Gerenciamento de dados no LocalStorage
│ ├── ui.js # Interface: modais, tema, PWA, notificações
│ ├── auth.js # Perfil do usuário
│ └── app.js # Lógica principal: medicamentos, farmácias, pedidos
├── index.html # Entrada principal
├── manifest.json # Configuração PWA
└── sw.js # Service Worker (cache offline)
- ✅ Todos os dados ficam exclusivamente no seu dispositivo
- ✅ Sem servidores, sem cadastro obrigatório, sem rastreamento
- ✅ Funciona 100% offline após o primeiro acesso
- ✅ Backup exportável a qualquer momento em formato JSON
Acesse saulomgg.github.io/remed-pwa e instale como app clicando em "Adicionar à tela inicial".
git clone https://github.com/saulomgg/remed-pwa.git
cd remed-pwa
npx serve .
⚠️ Para PWA funcionar (instalação + notificações), o projeto precisa ser servido via HTTPS.
Contribuições são bem-vindas! Abra uma issue ou envie um pull request.
Distribuído sob a licença MIT.
Desenvolvido por Saulomgg
⭐ Se o projeto te ajudou, deixe uma estrela no repositório!