mariojgmaster / ignite-react-2022-desafios

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

Home Page:https://www.youtube.com/playlist?list=PLY_G6KZ7jlfUtXT2aIhiIOVVef7btqPKR

Geek Repo:Geek Repo

Github PK Tool:Github PK Tool

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

About

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

https://www.youtube.com/playlist?list=PLY_G6KZ7jlfUtXT2aIhiIOVVef7btqPKR


Languages

Language:TypeScript 94.6%Language:CSS 2.7%Language:HTML 1.6%Language:JavaScript 1.1%Language:Shell 0.0%