kaua-felipe / github-api-interface Goto Github PK

View Code? Open in Web Editor NEW

Sistema em que a pessoa poderá pesquisar um usuário do GitHub através de um campo de texto, e quando ele pesquisar aparecerá informações públicas do usuário pesquisado

License: MIT License

HTML 3.80% JavaScript 65.51% CSS 30.69%

github-api-interface's Introduction

🚧 GitHub API Interface 🚀 Em Construção... 🚧

Sobre • Requisitos • Run • Tecnologias • Autor • License

📑Sobre

A proposta do sistema é a seguinte: Fazer um sistema em que a pessoa poderá pesquisar um usuário do GitHub através de um campo de texto, e quando ele pesquisar aparecerá informações públicas do usuário pesquisado. É um projeto simples, mas deu para concretizar muitos conceitos do React na prática. A forma com que peguei as informações do usuário buscado foi através da API que o GitHub oferece. Enfim, como conclusão, esse sistema foi mais para concretizar meus aprendizados no React e partir para próximos conceitos da biblioteca.

Link do Projeto em tempo real: https://interface-api-github.netlify.app/

✔️ Pré-requisitos

Antes de começar, você vai precisar ter instalado em sua máquina as seguintes ferramentas: Git, Node.js. Além disto é bom ter um editor para trabalhar com o código como VSCode

🎲 Rodando o Front End

# Clone este repositório
$ git clone https://github.com/Kaua-Felipe/github-api-interface.git

# Acesse a pasta do projeto no (terminal/cmd ou Git Bash)
$ cd github-api-interface

# Instale as dependências
$ npm install

# Execute a aplicação
$ npm run dev

# O servidor provavelmente inciará na porta:5173 - acesse http://localhost:5173/
# ⚠️Caso não inicie nessa porta, é só abrir o seu prompt de comando que usou para rodar a aplicação que vai estar mostrando a porta!