Ecosyste.ms: Awesome
An open API service indexing awesome lists of open source software.
https://github.com/epiled/trilha-react-desafio-2
🔎 Segundo desafio de Front-End do Bootcamp XP Inc. - Full Stack Developer na plataforma da DIO.
https://github.com/epiled/trilha-react-desafio-2
api react styled-components typescript
Last synced: 6 days ago
JSON representation
🔎 Segundo desafio de Front-End do Bootcamp XP Inc. - Full Stack Developer na plataforma da DIO.
- Host: GitHub
- URL: https://github.com/epiled/trilha-react-desafio-2
- Owner: Epiled
- License: mit
- Created: 2024-09-17T09:03:36.000Z (3 months ago)
- Default Branch: main
- Last Pushed: 2024-09-26T04:11:37.000Z (3 months ago)
- Last Synced: 2024-10-31T12:23:24.542Z (about 2 months ago)
- Topics: api, react, styled-components, typescript
- Language: TypeScript
- Homepage: https://trilha-react-desafio-2-rouge.vercel.app
- Size: 601 KB
- Stars: 1
- Watchers: 1
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
- License: LICENSE
Awesome Lists containing this project
README
# 🔎 Trilha React Desafio 02 - Consumo de API GitHub
Segundo desafio de Front-End do Bootcamp XP Inc. - Full Stack Developer na plataforma da DIO.
| :placard: Vitrine.Dev | |
| ------------- | --- |
| :sparkles: Nome | **Trilha React Desafio 02 - Consumo de API GitHub**
| :label: Tecnologias | react, sass, styled components, axios, html, css, js, node, typescript, vite, eslint
📃 Detalhes do projeto
Este projeto é o segundo desafio da trilha de React do bootcamp da DIO, em parceria com a XP Inc. O objetivo principal deste desafio foi desenvolver uma aplicação que consome a API do GitHub para pesquisar repositórios.
Funcionalidades
A aplicação permite que os usuários busquem repositórios do GitHub inserindo o nome do repositório desejado. Ao clicar no botão de busca, a aplicação faz uma requisição para a API do GitHub e, caso o repositório exista, ele é adicionado a uma lista. O usuário pode visualizar todos os repositórios pesquisados e também removê-los da lista, se desejado.
📑 Tabela de Conteúdos
* [Detalhes do projeto](#detalhes-do-projeto)
- [Funcionalidades](#funcionalidades)
* [Demonstração](#demonstracao)
- [Consumo da API](#consumoDaAPI)
* [Pré-Requisito](#pre-requisito)
* [Instalação](#instalacao)
* [Como usar](#como-usar)
* [Tecnologias](#tecnologias)
* [Autor](#autor)
👀 Demonstração
Consumo da API
https://github.com/user-attachments/assets/1442f5ff-f7b5-487e-82a3-5a723e2a2ca2
https://github.com/user-attachments/assets/3b6a9a4d-fce6-49a2-a0a0-0674d57a11eb
🚨 Pré-requisito
- Node
⚙ Instalação
```
1. git clone https://github.com/Epiled/trilha-react-desafio-2.git
2. cd trilha-react-desafio-2
3. npm install
```
👩🏫 Como usar
```
1. Abra no seu terminal o diretorio "trilha-react-desafio-2"
2. npm run dev
2. Caso a url não abra sozinha acesse através deste caminho http://localhost:5173/
```
🛠 Tecnologias
As seguintes tecnologias foram usadas na construção deste projeto:
👨💻 Autor
Felipe De Andrade
Feito com ❤️ por Felipe De Andrade 👋🏽 Entre em contato!
[](https://www.linkedin.com/in/fademendonca/)
[](mailto:[email protected])
[](https://www.instagram.com/felipe.deam/)
[](https://codepen.io/epiled)