https://github.com/aureliodeboa/desafio-fap

Desafio era criarmos uma lista de contatos usando POO, HTML e CSS. Ficamos em segundo lugar.
https://github.com/aureliodeboa/desafio-fap

crud-operation css3 html5 javascript poo

Last synced: 2 days ago
JSON representation

Desafio era criarmos uma lista de contatos usando 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 (3 months ago)
• Default Branch: main
• Last Pushed: 2024-08-09T23:39:53.000Z (3 months ago)
• Last Synced: 2024-08-11T00:45:14.742Z (3 months 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

![image](https://github.com/user-attachments/assets/99138daa-1bdf-441c-bc19-51e11d0225af)

## 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.