Foi usado no projeto Next + Typescript onde foi desenvolvido um mini e-commerce para vender camisetas customizadas da Rocketseat. Utilizamos a aplicação desenvolvida na trilha para implementar um carrinho que utilizará os dados da API do Stripe para buscar os itens existentes, e controlará, através da aplicação, os itens que a usuário deseja comprar.
O projeto foi desenvolvido usando um layout fornecido pela Rocketseat, para que fosse possível seguir e implementar as funcionalidades e o design desenhadas no Figma.
Foram usadas as seguintes tecnologias:
- Next 13
- Typescript
- Eslint
- Prettier
- Commitlint
- Husky
- Lint-Staged
- Phosphor Icons
- Context API
- Next Routing
- Stitches
Algumas das funcionalidades propostas no desafio
- Adicionar um ou mais itens no carrinho;
- Salvar todos os itens selecionados no carrinho, e exibir o número de itens no carrinho;
- Utilizar os itens do carrinho para gerar um checkout usando stripe;
Faça um clone do projeto e acesse a pasta criada.
$ git clone https://github.com/fabriciolak/ignite-shop.git
$ cd ignite-shop
Para iniciá-lo, siga os passos abaixo:
Aliases: install
$ yarn
$ yarn dev
A aplicação estará disponível no endereço http://localhost:3000.
Acesse o layout do desafio
Criado com Figma.