maxiixx23 / github-blog

Github-Blog - Desafio 03 - Módulo 03 - Trilha ReactJS Ignite Rocketseat. Desafio consiste em consumir a API do Github para criação de blog pessoal. 🚀👨‍🚀🖥️

Desafio 03 - Módulo 03 - Trilha ReactJS Ignite 2022/2023

Github-Blog

Sobre o projeto:

• Github-Blog é um desafio que tem como objetivo criar um blog utilizando a API REST do Github para buscar dados do perfil do usuário, assim como as issues de determinado repositório.

Principais tecnologias usadas no desenvolvimento:

• TypeScript
• ReactJS(Vite)
• react-hook-form
• Axios

Biblioteca em destaque:

• Axios

API usada:

Front-end:

• API REST Github

Passo-a-passo para rodar a aplicação:

1. Entre na pasta Github-Blog;
2. use o comando: yarn ou npm install/i para instalar os pacotes;
3. use o comando: yarn dev ou npm run dev para rodar a aplicação.

github-blog's Issues

Will you to use Context?

Answer to question:

• At the moment I don't see the why to use Context on the application, because until the moment, the application is very small and don't need use it, but if me to see that need, with sure I going to use.

Apresentation Github-Blog

Github-Blog

Github-Blog is a web application with focus on improve skills in consuming API's, hooks and Typescript.

The objective is to return data of your Github profile, listing issues of a determined repository and to show the issue as post

In that repository I going to create issues to I can capture the issues with API of the Github.

Libraries used:

• Axios
• React-Hook-Form
• ReactMarkdown

Why to use Axios?

Axios

First: What's Axios?

• Axios is a simple promise based HTTP client for the browser and node.js. Axios provides a simple to use library in a small package with a very extensible interface.

Answer to issue:

• I'm using Axios, because it's simple and facilitate on consuming API's improving the types with AxiosResponse (generics of the Typescript), your response already come on formatte JSON inside of the object data. And also I like so much use Axios.

Responsive Site

I cloned your repository, but i didn't see responsiveness

• observation: I believe you will to add Media Queries to make responsive, so I just wanted remember about it, to you don't forget.
• With Styled-Components it is very easy to make it. Tip: add an object with sizes of the screens and object for the Media Queries with properties 'strings': (max-width: ${size.mobileL}), using the sizes as exemple.