Devfinder foi um desafio do Frontend Mentor, onde devemos construir uma aplicação baseada no layout do figma proposto por eles.. O projeto foi desenvolvido para ser uma aplicação web, onde o usuário procura por pessoas do github a partir do seu username.
No meu caso, utilizei o figma disponibilizado por eles para desenvolver uma aplicação mobile, utilizando react native (Expo), Typescript e estilização feita com nativewind. A aplicação tem todas as funcionalidades requeridas no desafio web, além disso, o layout da aplicação seguiu fielmente o figma do projeto.
No decorrer do desenvolvimento, foram adicionandas algumas funcionalidades a mais, entre elas:
- Listagem de repositórios: É possível listar todos os repositórios publicos de um usuário e também é possível ir a um repositório especifico clicando no botão "Ver repositório".
- Favoritar um perfil: É possível adicionar um perfil na sua lista de favoritos, o armazenamento dos perfil favoritados foi feito utilizando AsyncStorage. Além disso, também é possível listar todos os perfil que foram adicionandos a lista de favoritos e exclui-lo da lista.
- ContextAPI: Foi utilizado contextAPI para fazer o gerencimento de estado da aplicação, como por exemplo, gerenciar o tema da aplicação, informações do perfil e na funcionalidade de favoritos.
- AsyncStorage: Foi utilizado para armazenar os dados dos usuários adicionados como favoritos e para armazenar o tema da aplicação.
- Axios: Foi utilizado para fazer as requisições a API do github.
- React Query: Foi utilizado para fazer cache dos repositórios do usuário.
- exibir perfil do usuário.
- Dark mode.
- Listagem de repositórios do usuário.
- funcionalidade de visitar um repositório do usuário.
- Funcionalidade de adicionar um usuário aos favoritos.
- Listagem de usuários favoritos.
- Melhorar a reponsividade.
Página inical: Pesquisa
![]() |
Repositórios: listando repositórios
![]() |
Favoritos: Adicionando aos favoritos
![]() |
Usuário não encontrado (Pesquisa)
![]() |