Ecosyste.ms: Awesome
An open API service indexing awesome lists of open source software.
https://github.com/maiquinho/desafio-ignite-react-03
Aplicação que utiliza a API do GitHub para buscar issues de um repositório, dados do meu perfil e exibi-las como um blog.
https://github.com/maiquinho/desafio-ignite-react-03
api api-github performance reactjs
Last synced: about 9 hours ago
JSON representation
Aplicação que utiliza a API do GitHub para buscar issues de um repositório, dados do meu perfil e exibi-las como um blog.
- Host: GitHub
- URL: https://github.com/maiquinho/desafio-ignite-react-03
- Owner: Maiquinho
- Created: 2024-02-13T12:41:02.000Z (9 months ago)
- Default Branch: main
- Last Pushed: 2024-02-17T14:52:53.000Z (9 months ago)
- Last Synced: 2024-04-11T15:35:59.067Z (7 months ago)
- Topics: api, api-github, performance, reactjs
- Language: TypeScript
- Homepage:
- Size: 396 KB
- Stars: 0
- Watchers: 1
- Forks: 0
- Open Issues: 3
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
# Desafio Ignite React 03 - Github Blog
Este projeto faz parte do Desafio Prático do Ignite React oferecido pela Rocketseat. A aplicação utiliza a API do GitHub para buscar issues de um repositório específico e exibi-las como um blog.
## Funcionalidades 💻
- Listagem do Perfil: Exibe informações do perfil do usuário logado, incluindo imagem, número de seguidores, nome e outras informações disponíveis pela API do GitHub.
- Listagem e Filtragem de Issues: Lista todas as issues do repositório selecionado, fornecendo um resumo do conteúdo de cada uma. Permite filtrar as issues por diferentes critérios.
- Visualização de Post Completo: Permite visualizar uma issue completa em uma página dedicada, mostrando todos os detalhes do post.## Tecnologias Utilizadas 🛠️
- React ⚛️: Biblioteca JavaScript para construção de interfaces de usuário.
- Vite 🔨: Build tool para React, oferecendo um ambiente de desenvolvimento rápido.
- TypeScript 💪: Superset de JavaScript que adiciona tipagem estática à linguagem.
- Styled-components 💅: Biblioteca para estilização de componentes React com CSS-in-JS.
- React Router DOM 🛤️: Para navegação entre diferentes páginas na aplicação.
- Axios 🔍: Cliente HTTP baseado em Promises para fazer requisições à API do GitHub.
- React Hook Form 📋: Biblioteca para gerenciamento de formulários em React de forma simples e eficiente.## Instalação e Configuração ⚙️
1. Clone o repositório:
```bash
git clone https://github.com/maiquinho/desafio-ignite-react-03
```
2. Acesse a pasta do projeto:
```bash
cd desafio-ignite-react-03
```
3. Instale as dependências:
```bash
npm install
```
4. Inicie o servidor da aplicação:
```bash
npm run dev
```