O projeto Agenda de Contatos é uma aplicação simples de gerenciamento de contatos, onde o usuário pode cadastrar e excluir contatos. A ideia do projeto é simular uma agenda de contatos de um celular Android antigo. A interface foi projetada para ser simples e responsiva, adaptando-se bem a diferentes tamanhos de tela, como smartphones e desktops.
- Cadastro de contatos: Permite adicionar novos contatos com nome e telefone.
- Exclusão de contatos: Possui uma lixeira ao lado de cada contato, permitindo que ele seja removido da lista.
- Formatação do telefone: O campo de telefone aplica automaticamente a formatação de números no formato
(xx) xxxxx-xxxxà medida que o usuário digita. - Responsividade: A página foi desenvolvida para ser completamente responsiva, com uma experiência de usuário otimizada em dispositivos móveis e desktops.
- HTML: Estrutura básica da página.
- CSS: Estilização da interface, com foco em design simples e responsivo.
- JavaScript: Funcionalidade de interação, como cadastro e exclusão de contatos, além da formatação do telefone.
Sou um estudante em busca de aperfeiçoar minhas habilidades em desenvolvimento web. Este projeto foi uma oportunidade de aplicar meus conhecimentos e explorar conceitos de design e interatividade. Espero que goste do resultado! 😊
- A importância de utilizar JavaScript para interatividade em páginas dinâmicas.
- Como implementar uma formatação de input, como a de telefone.
- A construção de uma interface simples, mas responsiva, para que funcione bem em diferentes dispositivos.
- Como gerenciar eventos de clique para realizar ações como excluir contatos.
- A manipulação de DOM para atualizar a interface conforme o usuário interage com a página.
Você pode acessar o projeto hospedado no Vercel clicando aqui.