Skip to content

samuelikz/Fetch-User-Filter

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

8 Commits
 
 
 
 
 
 

Repository files navigation

Fetch User Filter 🔍👥

📝 Descrição do Projeto

Um projeto web que permite buscar e filtrar usuários utilizando uma API externa, com uma interface interativa e responsiva. A aplicação demonstra habilidades de consumo de API, manipulação de dados e criação de interface de usuário dinâmica.

🚀 Funcionalidades

  • Busca e listagem de usuários de uma API externa
  • Filtros avançados por nome, gênero e idade
  • Interface responsiva e amigável
  • Estatísticas dinâmicas sobre os usuários
  • Design moderno e limpo

🛠️ Tecnologias Utilizadas

  • HTML5
  • CSS3
  • JavaScript (ES6+)
  • Fetch API
  • Metodologia Mobile First

📦 Instalação

Pré-requisitos

  • Navegador web moderno
  • Conexão com a internet

Passos para Executar

  1. Clone o repositório
git clone https://github.com/samuelikz/Fetch-User-Filter.git
  1. Navegue até o diretório do projeto
cd Fetch-User-Filter
  1. Abra o arquivo index.html em seu navegador

🔍 Como Usar

  • Digite um nome no campo de busca para filtrar usuários
  • Use os controles deslizantes para filtrar por idade
  • Selecione o gênero para refinar a lista de usuários
  • Visualize estatísticas atualizadas dinamicamente

📊 Recursos Principais

  • Carregamento dinâmico de usuários
  • Filtros interativos em tempo real
  • Contagem e estatísticas de usuários
  • Design responsivo

🌐 Demonstração

Você pode visualizar o projeto ao vivo em: [GitHub Pages Link - Se disponível]

🤝 Contribuição

  1. Faça um fork do projeto
  2. Crie uma branch para sua feature (git checkout -b feature/nova-feature)
  3. Commit suas mudanças (git commit -m 'Adiciona nova feature')
  4. Push para a branch (git push origin feature/nova-feature)
  5. Abra um Pull Request

🐛 Problemas Conhecidos

  • Nenhum problema significativo relatado no momento

⚖️ Licença

Este projeto está sob licença MIT. Veja o arquivo LICENSE para mais detalhes.

📞 Contato

Samuel Silva

🙏 Agradecimentos

  • Inspiração de design
  • Recursos de API utilizados
  • Comunidade de desenvolvedores

Desenvolvido com ❤️ por Samuel Nunes

Releases

No releases published

Packages

No packages published