Documentação Técnica: Agenda de Contatos

Visão Geral

Este projeto consiste em uma aplicação web simples para gerenciar uma lista de contatos. Ele permite que os usuários visualizem, adicionem, editem e excluam contatos de uma lista armazenada em um arquivo JSON. A aplicação foi desenvolvida usando HTML, CSS, JavaScript e PHP.

Estrutura de Arquivos

agenda-de-contatos/ ├── index.php ├── contatos.json ├── styles.css └── script.js

• index.php: Página principal da aplicação que exibe a lista de contatos e fornece opções para adicionar, editar e excluir contatos.
• contatos.json: Arquivo JSON que armazena os dados dos contatos.
• styles.css: Arquivo CSS para estilização da aplicação.
• script.js: Arquivo JavaScript para funcionalidades interativas, como a exibição do modal de adição/edição de contatos.

Funcionalidades

1. Visualização de Contatos: Os contatos são exibidos em uma lista na página principal.
2. Adição de Contatos: Os usuários podem adicionar novos contatos preenchendo um formulário dentro de um modal.
3. Edição de Contatos: Os usuários podem editar contatos existentes clicando em um botão de edição e preenchendo o formulário dentro de um modal.
4. Exclusão de Contatos: Os usuários podem excluir contatos existentes clicando em um botão de exclusão.

Como Executar

1. Baixe os arquivos do projeto e coloque-os em um servidor web local.
2. Certifique-se de que o servidor web esteja configurado para executar PHP.
3. Abra o arquivo index.php em um navegador web.
4. Você verá a lista de contatos e poderá interagir com a aplicação.