Devfinder
Sobre o projeto
Descrição do Projeto
Este projeto foi um desafio do Frontend Mentor com o objetivo de consumir a API pública do GitHub para buscar e exibir os dados de perfis de usuários. Foi um ótimo desafio para treinar o uso de APIs de terceiros, trabalhar com dados dinâmicos e aplicar conceitos de HTML, CSS e JavaScript. Como o design original era premium, adaptei a interface com base na pré-visualização disponível, priorizando a experiência do usúario e a responsividade em diferentes dispositivos. O foco da aplicação consiste na funcionalidade de busca e na exibição organizada das informações do perfil, com tratamento de erros e estados de carregamento.
Ferramentas Usadas
HTML, CSS, Javascript,
Cronograma
Fevereiro-2025
Recursos & Experiência
- Busca dinâmica: Consulta e exibe informações de usuários (repositórios, seguidores, etc.).
- Responsividade: Layout adaptável para mobile, tablet e desktop.
- Dark/Light mode: Alternância manual entre temas salvos no localStorage.
- Tratamento de Erros: Mensagens claras para perfis não encontrados.
Desafio e Aprendizado
Desafios
- Implementar a busca dinâmica de usuários com fetch() foi o foco principal do projeto, exigindo atenção ao tratamento de erros, estados de carregamento e validação de entradas.
- Lidar com usuários não encontrados e exibir mensagens amigáveis foi um desafio importante para a experiência do usuário (UX).
- Adicionar o modo dark/light com base nas preferências do sistema e salvar a escolha no localStorage foi uma boa oportunidade de explorar manipulação de temas com JavaScript puro.
O que aprendi
- Uso da função fetch() com async/await para consumir a API pública do GitHub.
- Tratamento de erros com try/catch e feedback visual em caso de falhas.
- Manipulação dinâmica da DOM para preencher as informações do perfil buscado e implementação de dark mode responsivo com toggle manual, detectando o tema salvo no localStorage
Material Base
O desenvolvimento foi baseado nas imagem de pré-visualização disponibilizada.
O Projeto Final
O resultado final é uma aplicação limpa, funcional e visualmente atraente, que cumpre exatamente seu propósito: buscar e exibir perfis do GitHub de forma rápida, intuitiva e acessível. Com um layout totalmente adaptativo, garanti uma experiência consistente em dispositivos móveis e desktop, enquanto recursos como alternância de temas e tratamento de erros demonstram a atenção aos detalhes na experiência do usuário.
Além disso, esse projeto foi um marco importante no meu aprendizado. Aprimorei minhas habilidades em consumo de APIs REST, manipulação eficiente do DOM com JavaScript vanilla e aplicação de boas práticas de UI/UX. Foi um exercício valioso para refinar meu olhar crítico para detalhes visuais e interações, algo essencial para minha jornada como desenvolvedora front-end.
Estou muito satisfeita com o equilíbrio entre design e funcionalidade alcançado. O desafio proposto pelo Frontend Mentor me permitiu transformar um brief em uma solução real, e agora o projeto integra meu portfólio como um exemplo tangível da minha evolução técnica e minha capacidade de entregar soluções focadas no usuário.
Quer explorar o projeto ou ver o código-fonte?