Sobre • Funcionalidades • Layout • Como executar • Tecnologias • Contribuidores • Autor • Licença
Ignite Shop - Aplicativo desenvolvido durante os desafios da trilha Ignite da Rocketseat. A aplicação consiste de uma tela com alguns itens para serem escolhidos como itens de compra (camisas). Após escolhidos, clicamos no item do carrinho que nos encaminhará para a API do Stripe, para informarmos os dados de pagamento através do cartão de crédito. Esta aplicação foi desenvolvida para explorarmos esse recurso: API de pagamento. Esta API age como uma interface de aplicação interagindo com a plataforma Stripe para validar os dados. Quando validados, nossa aplicação retorna a confirmação da compra.
Projeto frontend desenvolvido durante o curso online (Ignite) oferecido pela [Rocketseat].
-
Etapas da aplicação:
- Escolha dos itens
- Finalizando entrando no carrinho de compras
- Informando dados de pagamento do cartão de crédito
-
API do Stripe:
- Valida os dados do cartão e concretiza a operação
-
Aplicação:
- Ao finalizar o processo, é enviado uma mensagem de confirmação com os itens do pedido realizado.
O layout da aplicação está disponível no Figma:
O projeto foi feito usando o framework Next com React
Antes de começar, você vai precisar ter instalado em sua máquina as seguintes ferramentas: Git, Node.js. Além disto é bom ter um editor para trabalhar com o código como VSCode
# No prompt de comando:
# Crie uma pasta onde desejar
# Acesse a pasta, e no terminal:
# Clone este repositório
$ git clone https://github.com/jsnevt/ign_shop.git
# No VSCode, abra a pasta onde o arquivo foi clonado e abra o projeto
# Dentro do terminal do VS Code, instale as dependências
$ npm i
# Acesse o terminal do VS e execute a aplicação em modo desenvolvimento
$ Digite "num run dev" (sem as aspas)
A aplicação será aberta - acesse http://localhost:3000
As seguintes ferramentas foram usadas na construção do projeto:
Website (React + TypeScript)
- https://github.com/phosphor-icons/homepage
- Axios
- https://www.radix-ui.com
- https://stitches.dev/
- Stripe
- Keen-slider
Veja o arquivo package.json
💜 Um super thanks 👏 para essa galera que fez esse produto sair do campo da ideia e entrar nas lojas de aplicativos :)
 Diego Fernandes 👨🚀 |
 Cleiton Souza 👨🚀 |
 Robson Marques 👨🚀 |
 Claudio Orlandi 🚀 |
 Vinícios Fraga 🚀 |
 Hugo Duarte 🚀 🌐 |
 Joseph Oliveira 🚀 |
 Guilherme Rodz 🚀 |
 Mayk Brito 🚀 |
 João Paulo 🚀 |
 Luke Morales 🚀 |
 Luiz Batanero 🚀 |
- Faça um fork do projeto.
- Crie uma nova branch com as suas alterações:
git checkout -b my-feature - Salve as alterações e crie uma mensagem de commit contando o que você fez:
git commit -m "feature: My new feature" - Envie as suas alterações:
git push origin my-feature
Caso tenha alguma dúvida confira este guia de como contribuir no GitHub
Este projeto esta sobe a licença MIT.
Feito com ❤️ por Jason Everton 👋🏽 Entre em contato!