Ignite Shop - Desafio Ignite

Projeto desenvolvido como desafio da trilha 2022 de React no Bootcamp Ignite da Rocketseat®.

Link para o projeto

Descrição

A proposta do desafio era aproveitar a aplicação já desenvolvida na trilha e implementar um carrinho de compras que utiliza os dados da API do Stripe para buscar os itens existentes, e controlar, através da aplicação, o número de itens que a pessoa deseja comprar, adicionando as seguintes funcionalidades:

• Adicionar um item específico ao carrinho na página do produto.
• Salvar todos os itens selecionados em sua aplicação, e exibir o número de itens no carrinho
• Enviar o carrinho que você armazenou na aplicação para a rota de checkout, onde irá gerar a sessão de checkout com os line_items necessários.

Conceitos aplicados

• Estados
• ContextAPI
• LocalStorage
• API terceiras
• Propriedades
• Componentização
• SSR (Server Side Rendering)
• SSG (Static Site Generation)
• Responsividade

Tecnologias utilizadas

• NextJS
• Typescript
• Axios
• Swiper
• Stitches
• Stripe

Implantação

• Vercel

Layout

Para essa aplicação foi fornecido um layout para seguir e implementar todas as funcionalidades desenhadas no Figma.