Início Profile Projeto
Avatar de

Luís Felipe Mariscal Alves Arten

Github Blog

  • react
  • typescript
  • vite
  • styled-components
  • API
  • axios

github-blog

Click here for English Version

Aplicação de blog em que os posts são alimentados por solicitações à API do GitHub, trazendo o conteúdo de issues abertas em repositório no GitHub.

🪧 Vitrine.Dev
Nome Github Blog
🏷️ Tecnologias react, typescript, vite, styled-components, API, axios
🚀 URL https://github-blog-pi-swart.vercel.app/
🔥 Desafio https://bit.ly/3JTbHEw

Sobre o Projeto

Os usuários podem visualizar e pesquisar os conteúdos postados por meio de issues dentro e um repositório GitHub, tendo acesso também à informações como: autor da publicação, data e quantidade de comentários.

Objetivos

Este projeto foi um dos requisitos para conclusão do terceiro módulo na trilha React do Ignite Rocketseat. Os objetivos foram: praticar consumo de API (utilizando a API do GitHub), styled-components, roteamento, requests utilizando Axios e React Hooks, como o Context/Context-Selector, além de um uso pontual da biblioteca react-markdown para exibição e formatação dos posts.

English

Index

Intro

  • A blog containing issues from a determined GitHub user's repository. Users can read, find information about author, date of publication, link to GitHub and find issues/posts using specific search terms.

Technologies

  • Typescript
  • React
  • Vite
  • GitHub API's
  • Styled-Components
  • EsLint
  • React-Hook-Form
  • Zod
  • React-Router-DOM
  • Axios
  • Date-FNS
  • Context-Selector
  • React-Markdown
  • Font-Awesome Icons

Objectives

  • This project is one of the requirements of conclusion of the third module in Rocketseat's Ignite course. The goals are to practice API consuming, styled-components, Routing, Requests through Axios, Hooks such as Context-Selector and learning about react-markdown features and appliances.

Status

Deployed - v1.0

Deploy

a screenshot of the home page of application a screenshot of the issues page of application

Features

  • Read issues and comments from a GitHub repository.
  • Navigate through GitHub issues inside a determined repository.
  • See user's GitHub information, bio and followers.