Git Fav

• Essa aplicação consiste em pesquisar por um usuário no GitHub e adicioná-lo como usuário favorito.
• Iremos utilizar o conceito de SPA onde iremos criar somente o Front-End através do HTML5, CSS3, JavaScript e iremos usar como nosso Back-End o GitHub onde através de uma requisição iremos nos comunicar com sua API pública (a qual é uma maneira de nos comunicarmos entre aplicações, por exemplo, front e back) trazendo o usuário pesquisado. E através dos dados vindo da API iremos renderizar nossa tabela dinamicamente pelo JavaScript.
• Projeto proposto pelo programa de formação Explorer da RocketSeat.

Demonstração

Funcionalidades

• Iremos ter um input para pesquisa do usuário.
• Iremos ter um botão chamado favoritar para pesquisar pelo usuário digitado e caso o usuário exista irá adicioná-lo na tabela.
• Com o usuário adicionado na tabela iremos ter automaticamente os seguintes dados vindos diretamente da API do GitHub como: nome do usuário, repositórios e seguidores.
• Com o usuário adicionado na tabela temos a opção de remover qualquer usuário.
• Se ainda não estiver nenhum usuário adicionado ou se removermos todos os usuários irá ter como background da tabela uma logo e uma frase informando que não tem nenhum favorito ainda.

Stacks Utilizada

Front-end: HTML5, CSS3, JavaScript

Licença

Status do Projeto

• Conforme com o que foi proposto para desenvolver o projeto ele encontra-se finalizado, mas podendo ser implementada novas funcionalidades.

Aprendizados

• A cada novo projeto proposto no Explorer sempre há novos aprendizados, focados em nos levar a pensar fora da caixa e com isso sempre aprimorando cada vez mais o conhecimento adquirido no programa.

• Nesse projeto reforcei e aprendi sobre Conceitos de SPA, Criação, Manipulação de Tabelas no HTML5 e sua estilização no CSS3, JavaScript Assíncrono, Async Await, Promises, Manipulação do localStorage, Orientação a Objetos, Classes e Tratamento de erros usando Try, Throw e Catch.

• Tive dificuldades para entender a lógica do sistema como um todo, muitas dificuldades para estilizar o scrollbar da tabela para aparecer especificamente no tbody, tanto para usar no navegador chrome quanto no firefox.

• Demorei para entender como podemos fazer a desestruturação dos dados vindo da API do GitHub onde iremos usar somente os dados específicos que queremos.

• Mas praticando, pesquisando muito em outras fontes como no próprio fórum do explorer, google, stackoverflow, mdn web docs e revendo as aulas e realizando este projeto consegui entender a lógica e os conceitos aplicados no projeto.