📘 Projeto Agenda

1️⃣ > Configurando o ambiente para a execução do projeto:

1.1) Copiar a pasta projeto-agenda
1.2) Colar dentro do diretorio 'C:\xampp\htdocs'
1.3) Abrir o XAMPP Control Panel
1.4) Iniciar o módulo do Apache
1.5) Iniciar o módulo do MySQL
1.6) Abra o navegador e acesse http://localhost/phpmyadmin
1.7) Entre na aba 'SQL' e insira o seguinte trecho de código:



create database agenda;
use agenda;

create table pessoa(
    id int auto_increment primary key,
    nome varchar(100),
    empresa varchar(100),
    contato int 
);

1.8) Clique no botão 'executar' e em seguida o código adicionado irá criar um banco de dados com o nome 'agenda' e uma tabela com o nome 'pessoa' possuindo os seguintes campos 'nome','empresa' e 'contato'.

2️⃣ > Executando o projeto:

2.1) No navegador acesse o endereço http://localhost/projeto-agenda
2.2) Na página será possível vizualisar um breve resumo sobre como a agenda pode ser utilizada, um 'card' chamado 'Cadastrar Contato' e outro chamada 'Lista de Contatos'. Como nenhuma informação foi adicionada até o momento o 'card' 'Lista de Contatos' estará vazio.
2.3) Para adicionar um contato será preciso preecher os três campos, em seguida clicar no botão 'Cadastrar'.
As informações serão salvas no banco de dados e carregadas no 'card' 'Lista de Contatos'.
A partir do oitavo item adicionado na lista uma 'barra de scroll' irá aparecer e os itens poderão ser vizualizados conforme a barra for movimentada.

3️⃣ > Observações:

⚠️ Só será permitido adicionar as informações no banco de dados se todos os campos estiverem sido preenchidos.