Skip to content

JsnEvt/Ign_Shop

Repository files navigation

Repository size GitHub last commit License Feito pela Rocketseat Stargazers

Desafio Ignite 2022

🚧 Ignite Shop - Concluído 🚀 🚧

SobreFuncionalidadesLayoutComo executarTecnologiasContribuidoresAutorLicença

💻 Sobre o projeto

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].


⚙️ Funcionalidades

  • 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.

🎨 Layout

O layout da aplicação está disponível no Figma:

Made by jsnevt

Web

Appfrontend1 Appfrontend2 Appfrontend4


🚀 Como executar o projeto

O projeto foi feito usando o framework Next com React

Pré-requisitos

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

🧭 Rodando a aplicação web (Frontend)

# 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

🛠 Tecnologias

As seguintes ferramentas foram usadas na construção do projeto:

Website (React + TypeScript)

Veja o arquivo package.json

👨‍💻 Contribuidores

💜 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

🚀

💪 Como contribuir para o projeto

  1. Faça um fork do projeto.
  2. Crie uma nova branch com as suas alterações: git checkout -b my-feature
  3. Salve as alterações e crie uma mensagem de commit contando o que você fez: git commit -m "feature: My new feature"
  4. Envie as suas alterações: git push origin my-feature

Caso tenha alguma dúvida confira este guia de como contribuir no GitHub


🦸 Autor

Linkedin Badge

Gmail Badge

📝 Licença

Este projeto esta sobe a licença MIT.

Feito com ❤️ por Jason Everton 👋🏽 Entre em contato!