Estudos Ignite(React) - Etapa 03

Tópicos

• Projeto feito durante as aulas
• Projeto do curso feito individualmente
• Projeto externo feito individualmente

Projeto feito durante as aulas

caminho: "/projects/stage03"

Este é um projeto simples para gerenciamento de finanças, onde você consegue cadastrar seus gastos e ganhos, visualizá-los, filtrá-los e ver um resumo. O principal objetivo deste projeto é a prática utilizando uma API para construir as telas, e também analisar o impacto de rerenderizações em uma aplicação React(causadas por API ou não), durante este módulo foi apresentado o conceito de useContextSelector, Memo, useMemo e useCallback.

🚀 Tecnologias

• Vite ts
• Tailwind
• Styled-components
• Phosphor-react
• react-router-dom
• radix
• axios
• zod
• react-hook-form

Projeto do curso feito individualmente

caminho: "/projects/practice03"

Este é um projeto de uma página de blog, onde consumindo a API do github, trazemos dados e informações de um determinado usuário ou repositório. Visualize todas as principais features abaixo:

🚀 Tecnologias

• Vite ts
• Tailwind
• Styled-components
• Phosphor-react e fontawesome
• date-fns
• react-router-dom
• react-hook-form
• zod

💻 Projeto

• Home

  Aqui podemos ver as principais informações do usuário, além de poder visualizar e filtrar(por nome, descrição ou linguagem) todos os seus repositórios.

  
  

• Visualização de repositório

  Nesta página está as principais informações do repositório, e também seu README.md

  
  

• Renderizações

  Neste projeto foi implementado um hook para controlar as requisições a uma API externa, como pode perceber no gif, os dados do usuário e dos repositórios são buscados apenas uma vez, depois eles são armazenados na context API.

  
  

• Trocar usuário padrão

  Como os dados são buscados numa API externa de acordo com o username do usuário, criei uma feature para trocar o usuário padrão apenas trocando uma variável na url.

  
  

• Erros

  Retorno quando ocorre erro nas requisições.

  
  

• Telas no mobile

  
  

Projeto externo feito individualmente, para praticar ainda mais os conceitos

Link: https://github.com/dhomini-rabelo/Coin-Frontend