GitHub Blog - Transforme seu repositorio em um blog. :notebook_with_decorative_cover:

Sobre o projeto | Layout | Como usar

Status: Finalizado.

Sobre o projeto :notebook_with_decorative_cover:

GitHub Blog

Projeto feito para as aulas da trilha de especialização da RocketSeat Ignite, foi proposto um desafio em que fizessemos um sistema de blog utilizando a API do github e transformando o repositorio em um blog usando conceitos React como:

• Estados
• Imutabilidade do estado
• Listas e chaves no ReactJS
• Consumo de Apis
• Formularios
• Roteamento e React Router Dom
• Propriedades
• Componentização
• Melhoria de performance com useCallback, memo, useMemo e useContextSelector

Features

• [X] Listagem do seu perfil com imagem, número de seguidores, nome e outras informações disponíveis pela API do GitHub.
• [X] Listar e filtrar todas os posts (issues) do repositório com um pequeno resumo do conteúdo dela
• [X] Página para exibir um post (issue) completo
• [X] Criar uma publicação

Como criar um post?

• Basta criar uma issue no repositorio onde o titulo vai ser o titulo da publicação, e o corpo fica na area de texto, exemplo abaixo:

Tecnologias / Bibliotecas / Pacotes

As seguintes ferramentas foram usadas na construção do projeto:

• [X] @fortawesome/fontawesome-svg-core
• [X] @fortawesome/free-regular-svg-icons
• [X] @fortawesome/free-solid-svg-icons
• [X] @fortawesome/react-fontawesome
• [X] @types/styled-components
• [X] axios
• [X] babel-plugin-macros
• [X] date-fns
• [X] react
• [X] react-dom
• [X] react-hook-form
• [X] react-markdown
• [X] react-router-dom
• [X] styled-components
• [X] yup
• [X] typescript
• [X] vite

Layout

Você pode visualizar o layout do projeto através Deste link. É necessário ter conta no Figma para acessá-lo.

Como usar

Pré-requisitos

Antes de começar, você vai precisar ter instalado em sua máquina as seguintes ferramentas: Git, Além disto é bom ter um editor para trabalhar com o código como VSCode

Clone este repositório

git clone [(https://github.com/PheNog/GitHub-Blog.git)](https://github.com/PheNog/GitHub-Blog.git)

Após clonar, acesse as pastas do projeto no terminal/cmd e instale as dependências

npm install
# ou npm i

Para executar o projeto, rode os seguintes comandos na pasta raíz:

npm run dev  (Inicializa o app)