GitApi é uma aplicação feita para acessar e exibir dados de usuários do GitHub usando a API do GitHub, oferecendo uma experiência intuitiva e informativa aos usuários, permitindo que eles tenham acesso a uma ampla gama de informações sobre repositórios específicos de um usuário.
Nesse projeto pude me desafiar e construir algo do zero desde o design, utilizando TypeScript e Styled Components, implementando um scroll infinito para fetch dos repositórios
- A aplicação apresenta um gráfico visualmente atraente, que exibe as porcentagens de uso de cada linguagem de programação nos repositórios do usuário.
- Para proporcionar uma experiência de usuário mais fluída, o GitApi também possui um recurso de scroll infinito com loading. Isso significa que, ao rolar para baixo na lista de repositórios, a aplicação carregará automaticamente mais dados, exibindo mais repositórios gradualmente à medida que o usuário navega. Dessa forma, o usuário não precisa carregar todos os repositórios de uma só vez, o que melhora o desempenho e a velocidade de carregamento da aplicação.
- É possível marcar um repositório como favorito e armazená-lo no LocalStorage do navegador, facilitando o acesso rápido a projetos importantes.
- Exemplo das informações de um repositório
Esse projeto foi desenvolvido com as seguintes tecnologias:
- React ( Custom Hooks, Context Api, Intersection Observer API )
- RouterDom Criação de Rotas (Outlet)
- TypeScript
- Styled Components
- Vite
- Framer Motion
- Figma
Design feito por mim mesmo 😁
Feito com ♥ by Wallace Bezerra
