📇 Agenda de Contatos

Este projeto é uma aplicação simples de Agenda de Contatos, desenvolvida como parte do meu aprendizado em HTML, CSS e JavaScript. O objetivo é explorar a manipulação do DOM e implementar interatividade na web.

🚀 Tecnologias Utilizadas

Este projeto foi desenvolvido com as seguintes tecnologias:

• HTML5 para a estruturação das páginas.
• CSS3 e SCSS para o design visual e layout, utilizando Bootstrap para facilitar a estilização.
• JavaScript (ES6) para a manipulação do DOM e criação de interatividade.
• localStorage para armazenamento dos dados dos contatos.

⚙️ Funcionalidades Implementadas

• Cadastro de Contatos: Permite adicionar novos contatos através de um formulário.
• Exibição de Contatos: Os contatos cadastrados são exibidos em uma tabela, permitindo visualização clara.
• Interatividade: O formulário é validado e as informações são adicionadas à tabela dinamicamente usando JavaScript.
• Armazenamento Persistente: Os contatos são armazenados no localStorage, garantindo que os dados permaneçam disponíveis após o recarregamento da página.

📚 Aprendizados

Durante o desenvolvimento deste projeto, pratiquei:

• Manipulação do DOM com JavaScript.
• Criação de interatividade e validação de formulários.
• Armazenamento de dados utilizando localStorage.
• Estilização de elementos com CSS e Bootstrap.

📦 Como Executar o Projeto

Para clonar e executar este projeto localmente, siga os seguintes passos:

# Clone o repositório
$ git clone https://github.com/mf081/agenda-contatos-web.git
 
# Entre no diretório do projeto
$ cd agenda-contatos-web

# Abra o arquivo index.html em seu navegador.

🌐 Acesse a Aplicação

Você pode acessar a versão online da aplicação através deste link: Agenda de Contatos.

By Mateus Fernando