https://github.com/carlos-hfc/github-blog
https://github.com/carlos-hfc/github-blog
github-api react react-hook-form react-query rocketseat rocketseat-ignite tailwindcss tanstack-react-query typescript vite zod
Last synced: 3 months ago
JSON representation
- Host: GitHub
- URL: https://github.com/carlos-hfc/github-blog
- Owner: carlos-hfc
- License: mit
- Created: 2024-03-27T19:38:02.000Z (about 2 years ago)
- Default Branch: main
- Last Pushed: 2024-04-04T19:35:05.000Z (about 2 years ago)
- Last Synced: 2026-04-04T00:46:52.359Z (3 months ago)
- Topics: github-api, react, react-hook-form, react-query, rocketseat, rocketseat-ignite, tailwindcss, tanstack-react-query, typescript, vite, zod
- Language: TypeScript
- Homepage: https://github-blog-carlos-hfc.vercel.app
- Size: 674 KB
- Stars: 0
- Watchers: 1
- Forks: 0
- Open Issues: 3
-
Metadata Files:
- Readme: README.md
- License: LICENSE
Awesome Lists containing this project
README
# :bulb: Sobre
Um blog utilizando as issues de um repositório como artigos feito em React como desafio do Ignite da Rocketseat.
# :page_with_curl: Pré-requisitos
1. Antes de começar, certifique-se de ter o Node.js instalado em sua máquina.
# :gear: Configuração
1. Clone o repositório para sua máquina local:
```bash
git clone https://github.com/carlos-hfc/github-blog
```
2. Acesse o diretório do projeto:
```bash
cd github-blog
```
3. Instale as dependências:
```bash
npm install
```
4. Crie um arquivo `.env.local` na raiz do projeto e adicione o usuário do GitHub e o nome de um repositório de sua escolha, dos quais serão utilizados para buscar as issues.
```env
VITE_GITHUB_USER="user-name"
VITE_GITHUB_REPOSITORY="my-repo"
```
5. Rode a aplicação
```bash
npm run dev
```
# :computer_mouse: Uso da aplicação
1. Abra o navegador e acesse [http://localhost:3000](http://localhost:3000)
2. Visualize os posts publicados
3. Filtre um ou mais posts
4. Acesse o post de sua escolha
# :computer: Tecnologias utilizadas
# :page_facing_up: Licença
Este projeto está licenciado sob a [Licença MIT](LICENSE).