GitHubSearch

Projeto III - desenvolvido na 12ª semana do Curso FrontEnd {Reprograma} como requisito para finalização do Módulo de Javascript II

Projeto em construção, ainda nao finalizado.

Indice

• APRESENTAÇÃO
• DESCRIÇÃO DO PROJETO
• TECNOLOGIAS UTILIZADAS
• PASSO A PASSO UTILIZADO
• FUNCIONALIDADES IMPLEMENTADAS
• IMPLEMENTAÇÕES FUTURAS
• COMO RODAR O PROJETO
• CONFIRA O RESULTADO

APRESENTAÇÃO

Quem é Flaviana?

Flaviana Ferraz é uma sertaneja de Pernambuco morando no sertão da Paraiba, formada em Gestão Ambiental e Mestre em Recursos Hídricos. Após mais de 10 anos de formada, aos 34 anos, decidiu fazer transição de carreira. Hoje trilhando persistentemente os caminhos que levam à carreira de FrontEnd Developer.

Contatos

• E-mail
• LinkedIn
• GitHub

DESCRIÇÃO DO PROJETO

🧠 Contexto

Projeto Javascript desenvolvido durante o curso Frontend da Reprograma, em que desenvolvemos um mecanismo de busca de perfis do Github, assim como, acesso aos repositórios daquele perfil, utilizando o acesso à API do Github, a qual é requisitada através dos métodos fetch, try/catch e async/await.

🧠 Estrutura do projeto

Páginas do Projeto

O projeto é constituído de 5 páginas:

• Página Inicial - Home
• Perfis encontrados de acordo com o digitado no campo de busca
• Página com os repositórios do perfil pesquisado
• Página de "Usuário Não Encontrado"
• Página de "Esse usuário não possui repositórios públicos"

Estrutura de Pastas

TECNOLOGIAS UTILIZADAS

Ferramenta	Descrição
Javascript	linguagem de programação
Git	Gerenciador de vercionamento
Github	Hospedagem do código fonte integrado com gerenciador de versionamento
Netlify	deploy do projeto

PASSO A PASSO UTILIZADO

1️⃣ Criação de repositorio no github e clone na maquina em que trabalhei no projeto através do Git Bash 2️⃣ Criação de cada página, uma a uma, inclusive o CSS
3️⃣ Implementação dos eventos, mecanismos de busca e acesso a API, através de funções e métodos javascript 5️⃣ Adicionar todas as modificações a cada etapa e subir no GitHub

git add .

git commit -m "comentario"

git push

6️⃣ Deploy do projeto no Netlify

FUNCIONALIDADES IMPLEMENTADAS

✔️ Mecanismo de Busca de Usuário na API do Github

✔️ Renderização dos repositórios do Usuário pesquisado

✔️ Acesso ao github do Usuário Pesquisado em nova aba

✔️ Mensagem renderizada em tela quando não for encontrado nenhum perfil com os termos utilizados no campo de busca

✔️ Mensagem renderizada em tela quando o perfil pesquisado não houver repositórios públicos a serem mostrados

✔️ Dark Mode

IMPLEMENTAÇÕES FUTURAS

-[ ✖️ ] Preenchimento da área vazia na página inicial

-[ ✖️ ] Mudança do nome do botão de DarkMode para LightMode quando a página estiver no DarkMode e o usuário queira voltar pro LightMode

COMO RODAR O PROJETO

Para rodar esse projeto em sua máquina, siga os passos a seguir:

1️⃣ Realize o fork desse repositorio

2️⃣ Clone na sua máquina

3️⃣ Entre no diretório do repositorio clonado, no arquivo index.html

4️⃣ Por fim rode o projeto:

                           -------

O navegador será aberto automaticamente usando a porta -----

CONFIRA O RESULTADO AQUI