Este é o frontend de uma aplicação web responsiva desenvolvida com HTML, CSS utilizando o framework Bootstrap, e jQuery para interagir com a API REST MVC de Contatos. A aplicação foi projetada para funcionar de forma eficiente em dispositivos como celulares, tablets e PCs.
A estrutura do projeto é composta pelos seguintes arquivos:
index.html: Página principal da aplicação.style.css: Arquivo de estilos para a formatação da interface, utilizando também estilos do Bootstrap.script.js: Script jQuery para interação com a API e manipulação da interface.
Para configurar e executar este frontend, siga os passos abaixo:
- Faça o download dos arquivos e coloque-os em um diretório de sua escolha.
- Abra o arquivo
index.htmlem seu navegador web preferido. - Certifique-se de que a API REST MVC de Contatos esteja em execução e configurada corretamente.
- Mude a constante
baseUrlno arquivoscript.jspara o endereço onde a API está rodando na sua máquina.
A aplicação frontend oferece as seguintes funcionalidades, correspondentes aos métodos da API:
- Listar Contatos: Exibe a lista de contatos cadastrados.
- Mostrar Dados de um Contato: Apresenta os detalhes de um contato específico.
- Cadastrar Novo Contato: Permite a adição de um novo contato.
- Editar Contato Existente: Possibilita a atualização das informações de um contato.
- Excluir Contato Existente: Remove um contato do sistema.
Utilize seu navegador para interagir com a aplicação e teste as diferentes funcionalidades. Certifique-se de que a API esteja disponível e corretamente configurada para garantir a comunicação adequada entre o frontend e o backend.
- Desenvolvedor: Patrik Pereira dos Santos
- LinkedIn: patrik santos
Nota: Este frontend foi desenvolvido para ser utilizado em conjunto com a API REST MVC de Contatos. Certifique-se de seguir as instruções de configuração da API para garantir a integração adequada entre as duas partes da aplicação.