Sobre | Motivo | Tecnologias | Figma |
Nesse módulo foi praticado a utilização de clientes HTTP consumindo a API do Github para criar um blog pessoal.
A aplicação desenvolvida que utilizará da API do GitHub para buscar issues de um repositório, dados do meu perfil e exibir como um blog.
- Listagem do perfil com imagem, número de seguidores, nome e outras informações disponíveis pela API do GitHub.
- Listar e filtrar todas as issues do repositório com um pequeno resumo do conteúdo dela
- Criar uma página para exibir um post (issue) completo
Apesar de serem poucas funcionalidades, foi revisto conceitos como:
- Fetch / Axios
- Roteamento e React Router DOM
- Formulários
Para completar esse desafio foi preciso fazer alguns preparativos e principalmente algumas pesquisas para entender sobre a API do GitHub.
Reinicio dos estudos do bootcamp Ignite ReactJS da Rocketseat.
Como se tratou de um desafio, foi necessário alguns conhecimentos além dos abordados nesse módulo.
- React
- Axios
- date-fns
- ESLint
- Font Awesome
- react-markdown
- React-Router-Dom
- React Syntax Highlighter
- 💅🏽 Styled-Components
- use-context-selector
- @rocketseat/eslint-config
Para essa aplicação foi fornecido um layout para que fosse possível seguir e implementar todas as funcionalidades desenhadas no #Figma.
| Cor | Hexadecimal |
|---|---|
| blue | #3294F8 |
| white | #FFFFFF |
| title | #E7EDF4 |
| subtitle | #C4D4E3 |
| text | #AFC2D4 |
| span | #7B96B2 |
| label | #3A536B |
| border | #1C2F41 |
| post | #112131 |
| profile | #0B1B2B |
| background | #071422 |
| input | #040F1A |
- Clone o projeto:
git clone https://github.com/jerp86/github_blog.git
- Acesse a pasta clonada:
cd github_blog
- Instale as dependências:
npm ci
- Inicie a fake API e o projeto:
npm run dev
Esse projeto está sob a licença MIT. Veja o arquivo LICENSE para mais detalhes.
