/ignite-react-2022-desafios

Resolução dos desafios do Ignite React (2022)

Primary LanguageTypeScript

Desafios Ignite React 2022

Repositório destinado a armazenar todas as resoluções dos desafios que desenvolvi juntamente com o link para o vídeo no meu canal onde desenvolvo do zero a resolução explicando alguns conceitos do projeto.


 

Desafio 01 - To-Do List

Durante este desafio, utilizamos os conceitos básicos do React desenvolvendo do zero uma simples lista de tarefas com as opções de criar e apagar um item da lista.

🛠️ Nesse projeto foi utilizado

  • Vite
  • CSS Modules
  • Typescript
  • Local Storage

 

Desafio 02 - Coffee Delivery

Durante este desafio, utilizamos conceitos um pouco mais avançados desenvolvendo do zero uma aplicação de encomenda de cafés! A aplicação conta com 3 telas sendo a primeira uma tela de apresentação e também de listagem dos cafés disponíveis. Na segunda tela, o usuário precisa preencher um formulário com seus dados de endereço e ao lado direito é possível visualizar os itens do carrinho, podendo alterar a quantidade ou remover o mesmo. Na terceira e última tela, é exibido uma confirmação do pedido e também os detalhes de entrega da compra.

🛠️ Nesse projeto foi utilizado

  • Vite
  • Styled Components
  • Local Storage
  • Typescript
  • Context API
  • React Router Dom
  • React Hook Form
  • Validações de formulário com Zod

 

Desafio 03 - Github Blog

Durante este desafio, desenvolvemos uma aplicação que utiliza a API do GitHub para buscar issues de um repositório, dados do perfil e exibir elas como um blog.

🛠️ Nesse projeto foi utilizado

  • Vite
  • Styled Components
  • Typescript
  • React Router Dom
  • React Hook Form
  • Axios
  • API do Github

 

Desafio 04 - Ignite Shop 2.0

Durante este desafio foram desenvolvidas algumas funcionalidades extras no projeto que foi desenvolvido no módulo 4.

🛠️ Nesse projeto foi utilizado

  • Next
  • Stitches
  • Radix
  • Stripe
  • TypeScript

 

Desafio 05 - Design System

Durante este desafio, adicionamos dois componentes (Toast e Tooltip) ao design system que foi desenvolvido durante o módulo 5.

🛠️ Nesse projeto foi utilizado

  • Storybook
  • Stitches
  • Radix
  • TypeScript

 

Feito com 💙 por GBDev