README

Agenda de Contatos com HTML, CSS e Javascript | @caraquecoda

Bem-vindo ao repositório da Agenda de Contatos! Este projeto é uma aplicação simples de lista de contatos desenvolvida com HTML, CSS e JavaScript.

Demonstração

• Veja a aplicação em funcionamento: Demo
• Assista ao tutorial no YouTube: Tutorial

Descrição do Projeto

👨‍💼📱 Aprenda a criar uma agenda de contatos do zero utilizando apenas HTML, CSS e JavaScript! Neste tutorial detalhado, vamos construir juntos uma aplicação onde você poderá adicionar, editar, deletar e listar contatos, explorando as funcionalidades essenciais para qualquer desenvolvedor web.

Funcionalidades

• Adicionar Contato: Permite adicionar novos contatos com nome, telefone e e-mail.
• Listar Contatos: Exibe uma lista de todos os contatos adicionados.
• Editar Contato: Permite editar as informações de um contato existente.
• Deletar Contato: Permite remover um contato da lista.
• Validação de Formulário: Verifica se os campos estão preenchidos corretamente antes de adicionar ou editar um contato.
• Máscara de Telefone: Aplica uma máscara no campo de telefone para garantir o formato correto.

Como Utilizar

1. Clone este repositório:

   git clone https://github.com/vmnog/agenda-de-contatos.git

2. Navegue até o diretório do projeto:

   cd agenda-de-contatos

3. Abra o arquivo index.html no seu navegador:

Tecnologias Utilizadas

• HTML
• CSS
• JavaScript

Estrutura do Projeto

• index.html: Contém a estrutura HTML da aplicação.
• style.css: Contém os estilos CSS para a aplicação.
• index.js: Contém a lógica JavaScript para manipulação da lista de contatos.

Contribuição

Contribuições são bem-vindas! Sinta-se à vontade para abrir uma issue ou enviar um pull request.