Aplicação CRUD (Create, Read, Update, Delete) moderna e responsiva, desenvolvida com HTML5, CSS3 e JavaScript (LocalStorage).
Permite cadastrar, visualizar, editar e excluir contatos de forma prática e intuitiva — com modal flutuante e design minimalista.
🔗 Acesse o projeto:
➡️ https://gustavomurai.github.io/crud-contatos/
- HTML5 — estrutura semântica e acessível
- CSS3 — layout responsivo e tema escuro moderno
- JavaScript — lógica do CRUD e persistência via LocalStorage
- SF Pro Display — tipografia elegante e legível
- JSON Export/Import — para salvar e restaurar contatos
| Função | Descrição |
|---|---|
| ➕ Adicionar contato | Botão flutuante abre um modal para inserir novo contato |
| 🔍 Busca dinâmica | Campo de pesquisa com debounce para filtrar nome, e-mail ou telefone |
| ↕ Ordenação | Ordena por nome ou e-mail (A–Z / Z–A) |
| 🖋️ Editar contato | Permite atualizar dados diretamente no modal |
| ❌ Excluir contato | Remove contato com confirmação |
| 💾 Exportar/Importar JSON | Backup e restauração simples |
| 📱 Design Responsivo | Se adapta automaticamente a dispositivos móveis |
| ⚡ Feedback visual (hover/toast) | Interações modernas e suaves |
🧑💻 Autor
Gustavo Cerqueira Murai 🎨 UX/UI Designer & Front-End Developer
🪪 Licença
Este projeto é de uso livre para fins educacionais e portfólio. © 2025 Gustavo Cerqueira Murai