https://github.com/aureliodeboa/desafio-fap
Desafio era criarmos uma lista de contatos usando Javascript com o paradigma POO, HTML e CSS. Ficamos em segundo lugar.
https://github.com/aureliodeboa/desafio-fap
crud-operation css3 html5 javascript poo
Last synced: 3 months ago
JSON representation
Desafio era criarmos uma lista de contatos usando Javascript com o paradigma POO, HTML e CSS. Ficamos em segundo lugar.
- Host: GitHub
- URL: https://github.com/aureliodeboa/desafio-fap
- Owner: aureliodeboa
- Created: 2024-08-07T13:01:08.000Z (almost 2 years ago)
- Default Branch: main
- Last Pushed: 2024-08-09T23:39:53.000Z (almost 2 years ago)
- Last Synced: 2025-07-12T01:11:34.766Z (about 1 year ago)
- Topics: crud-operation, css3, html5, javascript, poo
- Language: CSS
- Homepage: https://desafiofap-contact.netlify.app/
- Size: 2.06 MB
- Stars: 0
- Watchers: 1
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
# Desafio Fap - Lista de Contatos - POO
## Descrição
O projeto **Desafio Fap - Lista de Contatos** é uma aplicação web que permite aos usuários gerenciar uma lista de contatos de maneira interativa e responsiva. Utilizando apenas HTML, CSS e JavaScript, o projeto adota uma abordagem de programação orientada a objetos para garantir uma estrutura clara e eficiente.
### Funcionalidades
- **Adicionar Contato**: Inclua novos contatos na lista.
- **Editar Contato**: Atualize as informações dos contatos existentes.
- **Excluir Contato**: Remova contatos da lista.
- **Responsivo**: A aplicação é responsiva e funciona bem em dispositivos móveis e desktops.
- **Animações Interativas**: Adiciona efeitos visuais, como zoom em itens da lista e interações dinâmicas para melhorar a experiência do usuário.
### Arquitetura dos Diretórios
- **`index.html`**: A página principal da aplicação.
- **`/assets`**: Pasta que contém todos os recursos adicionais.
- **`/css`**: Arquivos de estilo CSS.
- **`/js`**: Arquivos JavaScript que implementam a lógica da aplicação.
- **`/imagens`**: Imagens de perfil de cada contato.
### Tecnologias Utilizadas
- **HTML**: Estrutura do conteúdo da página.
- **CSS**: Estilização e layout responsivo.
- **JavaScript**: Funcionalidades interativas e programação orientada a objetos.
### Estrutura de Código
O projeto usa programação orientada a objetos para gerenciar a lista de contatos:
- **Classe `Contato`**: Representa um contato com propriedades para nome, telefone, e email.
- **Classe `GerenciadorContatos`**: Gerencia a lista de contatos, incluindo funcionalidades para adicionar, editar, remover e buscar contatos. Também lida com a exibição de modais e atualizações da lista.
### Prêmio
Este desafio tem como prêmio **100 reais no Pix** para o melhor projeto apresentado.
### Instruções de Uso
1. **Clonagem do Repositório**: Clone este repositório para sua máquina local usando `git clone [](https://github.com/aureliodeboa/Desafio-FAP)`.
2. **Acessar o Projeto**: Navegue até o diretório do projeto e abra o arquivo `index.html` em um navegador da web.
3. **Interação**: Utilize a interface para adicionar, editar e remover contatos.
### Contribuições
Se você deseja contribuir para este projeto, por favor, envie um pull request ou entre em contato com o responsável pelo projeto.
### Licença
Este projeto é de código aberto e pode ser utilizado conforme os termos estabelecidos pelo repositório.