Projeto   |    Tecnologias   |    Deploy na Vercel   |    Execução   |    Variável Ambiente

Tela principal 💜

Responsividade no Smartphone 📱

💻 Projeto

O desafio compasso é um job interview baseado em programação que utiliza a API pública do GitHub. Nessa API, é possível fazer pesquisas sobre algum usuário do GitHub, e obter diversas informações como os repositórios dele, seus favoritos, onde mora etc. Com endpoints como user, starred e repos, temos dados diferentes em cada requisição, o React entra nessa parte, criando interfaces para cada endpoint, com boa performace e rotas customizadas com o React Router DOM.

🥇 Para conferir os detalhes do desafio, clique aqui : Desafio Compasso

🚀 Tecnologias

Esse projeto foi desenvolvido com a biblioteca:

• React.js

Linguagens de marcação, estilo e programação:

• HTML
• CSS
• JavaScript

🔴 Execução

Nesse link: implementação do desafio compasso

Scripts para clone, instalação e execução da aplicação

Você precisará de um terminal git, se estiver no Windows instale o bash

🌟 Para Linux ou MAC : Linux / Mac

Para acompanhar, editar ou ver o andamento do projeto -

git clone https://github.com/lazarok09/react-desafio-compasso.git

yarn add node

ou

npm install node

em seguida

yarn dev

ou

npm start

A aplicação vai abrir em : http://localhost:3000

⚠️ Esse projeto utiliza variável ambiente com token na forma final, então teremos partes comentadas no código nos componentes User, Starred e Repos. Mas deixei um .env_sample para você entender como foi salvo um token em forma de variável ambiente. Por questões de segurança, não posso deixar o token nessa aplicação, mas fique a vontade para colocar um no seu e testar. PS: a aplicação com deploy na Vercel têm a autenticação e realiza até 5000 requisições por hora 🥰.

💬 Para mais informações acesse Autenticação básica

✏️ Autor

Lazaro Souza 🏃
Entusiasta na arte de aprender algo do zero
Cursando Superior de Tecnologia em Análise e Desenvolvimento de Sistemas 📚 (2020-2022)

https://www.linkedin.com/in/lazarok09

Aprenda a usar o markdown no seu GitHub

Use emojis no seu readme :P

< / :heart: >