https://github.com/jordane-chaves/challenge-03-ignite-github-blog

Ignite | ReactJS - Desafio Github Blog
https://github.com/jordane-chaves/challenge-03-ignite-github-blog

markdown reactjs styled-components use-context-selector usecallback-hook vitejs

Last synced: 3 months ago
JSON representation

Ignite | ReactJS - Desafio Github Blog

• Host: GitHub
• URL: https://github.com/jordane-chaves/challenge-03-ignite-github-blog
• Owner: jordane-chaves
• License: mit
• Created: 2024-07-17T23:13:58.000Z (about 2 years ago)
• Default Branch: main
• Last Pushed: 2024-08-05T21:22:17.000Z (almost 2 years ago)
• Last Synced: 2024-08-06T00:26:37.432Z (almost 2 years ago)
• Topics: markdown, reactjs, styled-components, use-context-selector, usecallback-hook, vitejs
• Language: TypeScript
• Homepage:
• Size: 1.42 MB
• Stars: 0
• Watchers: 1
• Forks: 0
• Open Issues: 2
• Metadata Files:
  • Readme: README.md
  • License: LICENSE

Awesome Lists containing this project

README

          
Github Blog

Ignite | ReactJS - Desafio Github Blog




  Projeto   |   

  Tecnologias   |   

  Como Executar   |   

  Licença   |   

  Autor





  

    

  



## 💻 Projeto

Github Blog é uma aplicação que busca os dados do perfil e issues de um repositório e exibe como um blog.

Durante o desenvolvimento da aplicação tive alguns desafios, como por exemplo:

- Para exibir o conteúdo da issue foi necessário transformar o conteúdo de markdown para HTML.

- A API do Github possui um limite de 10 requisições por minuto sem o cadastro de uma chave privada, este limite proporcionou muitos conhecimentos no React, pois tive que melhorar a performance da aplicação para não gerar tantas requisições para a API.



  



## 🚀 Tecnologias

Esse projeto foi desenvolvido com as seguintes tecnologias:

- [TypeScript](https://www.typescriptlang.org/)

- [ReactJS](https://react.dev/)

- [Styled Components](https://styled-components.com/)

- [React Router Dom](https://reactrouter.com/)

- [Vite](https://vitejs.dev/)

- [react-markdown](https://remarkjs.github.io/react-markdown/)

- [use-context-selector](https://www.npmjs.com/package/use-context-selector)

## 🎲 Como executar

```bash

# Clone este repositório

$ git clone https://github.com/jordane-chaves/challenge-03-ignite-github-blog.git

# Acesse o diretório do projeto no terminal/cmd

$ cd challenge-03-ignite-github-blog

# Instale as dependências

$ npm install

# Execute a aplicação em modo de desenvolvimento

$ npm run dev

# A aplicação inciará na porta:5173 - acesse 

```

## 📝 Licença

Esse projeto está sob a licença MIT - veja o arquivo [LICENSE](https://github.com/jordane-chaves/challenge-03-ignite-github-blog/blob/main/LICENSE) para mais detalhes.

## 👨🏻‍💻 Autor



Feito com 💜 por Jordane Chaves