https://github.com/jsnevt/ign_shop
Simple page with Stripe
https://github.com/jsnevt/ign_shop
getserversideprops getstaticpaths getstaticprops keen-slider next react stitches stripe typescript
Last synced: about 1 month ago
JSON representation
Simple page with Stripe
- Host: GitHub
- URL: https://github.com/jsnevt/ign_shop
- Owner: JsnEvt
- Created: 2023-02-26T10:49:02.000Z (about 2 years ago)
- Default Branch: main
- Last Pushed: 2024-03-29T10:52:08.000Z (about 1 year ago)
- Last Synced: 2025-02-01T00:43:01.983Z (3 months ago)
- Topics: getserversideprops, getstaticpaths, getstaticprops, keen-slider, next, react, stitches, stripe, typescript
- Language: TypeScript
- Homepage:
- Size: 2.1 MB
- Stars: 0
- Watchers: 1
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
🚧 Ignite Shop - Concluído 🚀 🚧
Sobre •
Funcionalidades •
Layout •
Como executar •
Tecnologias •
Contribuidores •
Autor •
Licenç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
- [x] Etapas da aplicação:
- Escolha dos itens
- Finalizando entrando no carrinho de compras
- Informando dados de pagamento do cartão de crédito
- [x] API do Stripe:
- Valida os dados do cartão e concretiza a operação
- [x] 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:
### Web
---
## 🚀 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](https://git-scm.com),
[Node.js](https://nodejs.org/en/).
Além disto é bom ter um editor para trabalhar com o código como [VSCode](https://code.visualstudio.com/)
#### 🧭 Rodando a aplicação web (Frontend)
```bash
# 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](https://reactjs.org/) + [TypeScript](https://www.typescriptlang.org/))
- **[https://github.com/phosphor-icons/homepage](https://github.com/phosphor-icons/homepage)**
- **[Axios](https://github.com/axios/axios)**
- **[https://www.radix-ui.com](https://github.com/radix-ui/primitives)**
- **[https://stitches.dev/](https://github.com/stitchesjs/stitches)**
- **[Stripe](https://github.com/stripe)**
- **[Keen-slider](https://github.com/rcbyr/keen-slider)**
> Veja o arquivo [package.json](https://github.com/JsnEvt/coffeedelivery/blob/main/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](./CONTRIBUTING.md)
---
## 🦸 Autor
[](https://www.linkedin.com/in/jason-everton-041226223/)
[](mailto:[email protected])
## 📝 Licença
Este projeto esta sobe a licença [MIT](./LICENSE).
Feito com ❤️ por Jason Everton 👋🏽 [Entre em contato!](https://www.linkedin.com/in/jason-everton-041226223/)
---