Agenda de Contatos 📖

Bem-vindo ao projeto de Agenda de Contatos, uma aplicação criada com base no projeto anterior de Lista de Tarefas. Ela está mais focada no gerenciamento de contatos, com recursos exclusivos para ajudar a manter todas as suas conexões ao alcance dos dedos. 🤓

DEMO

• Acesse a Agenda de Contatos

Funcionalidades 🚀

1. Gerenciamento Completo de Contatos: Adicione, edite ou remova contatos facilmente.
2. Máscaras para Telefones Brasileiros: A entrada de números de telefone é suavizada com máscaras que se encaixam no padrão brasileiro.
3. Validação de Informações: Os campos de e-mail, telefone e edição passam por verificações rigorosas para garantir a consistência e validade dos dados, incluindo a validação do telefone para que se encaixe em um formato válido brasileiro.
4. Classificação de Contatos: Organize seus contatos em três tags distintas: Amigos, Familiares e Outros.
5. Busca e Filtragem: Encontre rapidamente os contatos procurando por nome ou telefone, ou filtrando pela classificação.

Tecnologias Utilizadas 💻

• React
• Redux
• TypeScript
• Styled-components
• MaterialUI

Detalhes 🔍

Informações do Contato

• Nome Completo: Substitui o título da versão anterior da Lista de Tarefas.
• Email & Telefone: Exibe duas informações distintas, o e-mail e o número de telefone.
• Tags: Categorize seus contatos em Amigos, Familiares ou Outros.

Adicionar Novo Contato

• Campos: Inserir nome completo, telefone, e-mail e classificação.

Como Começar 🏁

1. Clone o repositório.
2. Instale as dependências usando npm install.
3. Inicie o servidor de desenvolvimento usando npm start.
4. Abra http://localhost:3000 para visualizá-lo no navegador.

Contribuição 🤝

Sinta-se à vontade para enviar um pull request! Vamos juntos fazer desta Agenda de Contatos algo ainda mais incrível!

---

Feito com 💙 por Nickolas Abad. Aproveite e conecte-se com seus amigos e familiares!