https://github.com/diego64/desafio-04-reactjs

Desafio 04 - Ignite Shop 2.0 (Trilha React.JS 2022) (Ignite by Rocketseat)
https://github.com/diego64/desafio-04-reactjs

Last synced: 7 days ago
JSON representation

Desafio 04 - Ignite Shop 2.0 (Trilha React.JS 2022) (Ignite by Rocketseat)

• Host: GitHub
• URL: https://github.com/diego64/desafio-04-reactjs
• Owner: diego64
• Created: 2023-03-12T18:06:07.000Z (almost 2 years ago)
• Default Branch: main
• Last Pushed: 2023-03-14T13:44:11.000Z (almost 2 years ago)
• Last Synced: 2024-11-08T08:11:53.763Z (about 2 months ago)
• Language: TypeScript
• Homepage:
• Size: 62.5 KB
• Stars: 0
• Watchers: 1
• Forks: 0
• Open Issues: 0
• Metadata Files:
  • Readme: README.md

Awesome Lists containing this project

README

        


  



#

![App Screenshot](https://i.imgur.com/j3qq298.png)

## Sobre

O quarto desafio do Ignite consiste em implementar um carrinho no projeto, com a opção de adicionar e remover os itens antes de prosseguir ao checkout.

A versão 2.0 continuará a utilizar os dados da API do Stripe para buscar os itens existentes, e controlará, através da sua aplicação, o número de itens que a pessoa deseja comprar.

## Novas Futures

- Adicionar produto no carrinho

- Finalizar compra pelo carrinho

- Realizar o checkout via stripe

## Stack

- Next.JS

- Typescript

- Stitches

- Stripe

## Clonando o Projeto

1. Clonar o repositório, instalar as dependências

```

yarn / npm install

```

2. Subir o projeto

```

yarn dev

```

3. Para realizar a compra, utilizar o número de cartão

```

4242 4242 4242 4242

```

OBS: A data de validade do cartão Fake precisar ter uma data posterior a atual e qualquer número de CVV.



Só lembrando que voce vai precisar ter uma conta configurada no Stipe, inserir essas informações no arquivo .env.local e ter alguns podutos cadastrados no Stripe