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.
![](https://user-images.githubusercontent.com/71772559/178192606-8a8460b1-d9e3-42ad-a64c-6ad7a16bd381.png)
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.
- Vite
- CSS Modules
- Typescript
- Local Storage
![](https://user-images.githubusercontent.com/71772559/178192066-d52e0cf7-906e-4baa-80f3-4b49dde153c0.png)
![](https://user-images.githubusercontent.com/71772559/178192139-14eae3e0-490d-412d-a072-8f622f047d2c.png)
![](https://user-images.githubusercontent.com/71772559/178192378-234b9c46-7e31-47fb-8ddf-245617d8b198.png)
![](https://user-images.githubusercontent.com/71772559/178192253-4fe4757c-de57-4878-a38c-a483c25670b1.png)
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.
- Vite
- Styled Components
- Local Storage
- Typescript
- Context API
- React Router Dom
- React Hook Form
- Validações de formulário com Zod
![](https://user-images.githubusercontent.com/71772559/178192066-d52e0cf7-906e-4baa-80f3-4b49dde153c0.png)
![](https://user-images.githubusercontent.com/71772559/178192139-14eae3e0-490d-412d-a072-8f622f047d2c.png)
![](https://user-images.githubusercontent.com/71772559/178192378-234b9c46-7e31-47fb-8ddf-245617d8b198.png)
![](https://user-images.githubusercontent.com/71772559/178192253-4fe4757c-de57-4878-a38c-a483c25670b1.png)
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.
- Vite
- Styled Components
- Typescript
- React Router Dom
- React Hook Form
- Axios
- API do Github
![](https://user-images.githubusercontent.com/71772559/178192066-d52e0cf7-906e-4baa-80f3-4b49dde153c0.png)
![](https://user-images.githubusercontent.com/71772559/178192139-14eae3e0-490d-412d-a072-8f622f047d2c.png)
![](https://user-images.githubusercontent.com/71772559/178192378-234b9c46-7e31-47fb-8ddf-245617d8b198.png)
![](https://user-images.githubusercontent.com/71772559/178192253-4fe4757c-de57-4878-a38c-a483c25670b1.png)
Durante este desafio foram desenvolvidas algumas funcionalidades extras no projeto que foi desenvolvido no módulo 4.
- Next
- Stitches
- Radix
- Stripe
- TypeScript
![](https://user-images.githubusercontent.com/71772559/178192066-d52e0cf7-906e-4baa-80f3-4b49dde153c0.png)
![](https://user-images.githubusercontent.com/71772559/178192139-14eae3e0-490d-412d-a072-8f622f047d2c.png)
![](https://user-images.githubusercontent.com/71772559/178192378-234b9c46-7e31-47fb-8ddf-245617d8b198.png)
![](https://user-images.githubusercontent.com/71772559/178192253-4fe4757c-de57-4878-a38c-a483c25670b1.png)
Durante este desafio, adicionamos dois componentes (Toast e Tooltip) ao design system que foi desenvolvido durante o módulo 5.
- Storybook
- Stitches
- Radix
- TypeScript
![](https://user-images.githubusercontent.com/71772559/178192139-14eae3e0-490d-412d-a072-8f622f047d2c.png)
![](https://user-images.githubusercontent.com/71772559/178192378-234b9c46-7e31-47fb-8ddf-245617d8b198.png)
![](https://user-images.githubusercontent.com/71772559/178192253-4fe4757c-de57-4878-a38c-a483c25670b1.png)
Feito com 💙 por GBDev