{"id":22379739,"url":"https://github.com/jsnevt/ign_shop","last_synced_at":"2026-04-11T12:07:01.959Z","repository":{"id":145332980,"uuid":"606714369","full_name":"JsnEvt/Ign_Shop","owner":"JsnEvt","description":"Simple page with Stripe","archived":false,"fork":false,"pushed_at":"2024-03-29T10:52:08.000Z","size":2197,"stargazers_count":0,"open_issues_count":0,"forks_count":0,"subscribers_count":1,"default_branch":"main","last_synced_at":"2025-02-01T00:43:01.983Z","etag":null,"topics":["getserversideprops","getstaticpaths","getstaticprops","keen-slider","next","react","stitches","stripe","typescript"],"latest_commit_sha":null,"homepage":"","language":"TypeScript","has_issues":true,"has_wiki":null,"has_pages":null,"mirror_url":null,"source_name":null,"license":null,"status":null,"scm":"git","pull_requests_enabled":true,"icon_url":"https://github.com/JsnEvt.png","metadata":{"files":{"readme":"README.md","changelog":null,"contributing":null,"funding":null,"license":null,"code_of_conduct":null,"threat_model":null,"audit":null,"citation":null,"codeowners":null,"security":null,"support":null,"governance":null,"roadmap":null,"authors":null,"dei":null,"publiccode":null,"codemeta":null}},"created_at":"2023-02-26T10:49:02.000Z","updated_at":"2023-02-26T11:00:54.000Z","dependencies_parsed_at":"2024-04-02T09:31:56.231Z","dependency_job_id":null,"html_url":"https://github.com/JsnEvt/Ign_Shop","commit_stats":null,"previous_names":[],"tags_count":0,"template":false,"template_full_name":null,"repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/JsnEvt%2FIgn_Shop","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/JsnEvt%2FIgn_Shop/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/JsnEvt%2FIgn_Shop/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/JsnEvt%2FIgn_Shop/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/JsnEvt","download_url":"https://codeload.github.com/JsnEvt/Ign_Shop/tar.gz/refs/heads/main","host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":245718782,"owners_count":20661161,"icon_url":"https://github.com/github.png","version":null,"created_at":"2022-05-30T11:31:42.601Z","updated_at":"2022-07-04T15:15:14.044Z","host_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub","repositories_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories","repository_names_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repository_names","owners_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners"}},"keywords":["getserversideprops","getstaticpaths","getstaticprops","keen-slider","next","react","stitches","stripe","typescript"],"created_at":"2024-12-04T23:11:19.537Z","updated_at":"2026-04-11T12:07:01.927Z","avatar_url":"https://github.com/JsnEvt.png","language":"TypeScript","funding_links":[],"categories":[],"sub_categories":[],"readme":"\n\n\u003cp align=\"center\"\u003e\n  \u003cimg alt=\"Repository size\" src=\"https://img.shields.io/github/repo-size/jsnevt/ign_shop\"\u003e\n  \n  \u003ca href=\"https://github.com/jsnevt/README-ign_shop/commits/master\"\u003e\n    \u003cimg alt=\"GitHub last commit\" src=\"https://img.shields.io/github/last-commit/jsnevt/ign_shop\"\u003e\n  \u003c/a\u003e\n    \n   \u003cimg alt=\"License\" src=\"https://img.shields.io/badge/license-MIT-brightgreen\"\u003e\n   \n  \u003ca href=\"https://rocketseat.com.br\"\u003e\n    \u003cimg alt=\"Feito pela Rocketseat\" src=\"https://img.shields.io/badge/feito%20por-Rocketseat-%237519C1\"\u003e\n  \u003c/a\u003e\n\n  \u003ca href=\"https://blog.rocketseat.com.br/\"\u003e\n    \u003cimg alt=\"Stargazers\" src=\"https://img.shields.io/badge/Blog-Rocketseat-%237159c1?style=flat\u0026logo=ghost\"\u003e\n  \u003c/a\u003e\n\n\u003c/p\u003e\n\n\u003ch1 align=\"center\"\u003e\n    \u003cimg alt=\"Desafio Ignite 2022\" title=\"#desafio_ign_2022\" src=\"./img/banner.png\" /\u003e\n\u003c/h1\u003e\n\n\u003ch4 align=\"center\"\u003e \n\t🚧  Ignite Shop - Concluído 🚀 🚧\n\u003c/h4\u003e\n\n\u003cp align=\"center\"\u003e\n \u003ca href=\"#-sobre-o-projeto\"\u003eSobre\u003c/a\u003e •\n \u003ca href=\"#-funcionalidades\"\u003eFuncionalidades\u003c/a\u003e •\n \u003ca href=\"#-layout\"\u003eLayout\u003c/a\u003e • \n \u003ca href=\"#-como-executar-o-projeto\"\u003eComo executar\u003c/a\u003e • \n \u003ca href=\"#-tecnologias\"\u003eTecnologias\u003c/a\u003e •  \n \u003ca href=\"#-contribuidores\"\u003eContribuidores\u003c/a\u003e •  \n \u003ca href=\"#-autor\"\u003eAutor\u003c/a\u003e • \n \u003ca href=\"#user-content--licença\"\u003eLicença\u003c/a\u003e\n\u003c/p\u003e\n\n## 💻 Sobre o projeto\n\nIgnite Shop - Aplicativo desenvolvido durante os desafios da trilha Ignite da Rocketseat. A aplicação consiste de uma tela com alguns\nitens 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\nos 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 \nde aplicação interagindo com a plataforma Stripe para validar os dados. Quando validados, nossa aplicação retorna a confirmação da compra.\n\nProjeto frontend desenvolvido durante o curso online (Ignite) oferecido pela [Rocketseat].\n\n---\n\n## ⚙️ Funcionalidades\n\n- [x] Etapas da aplicação:\n\t- Escolha dos itens\n\t- Finalizando entrando no carrinho de compras\n\t- Informando dados de pagamento do cartão de crédito\n\n- [x] API do Stripe:\n\t- Valida os dados do cartão e concretiza a operação\n\n- [x] Aplicação:\n\t- Ao finalizar o processo, é enviado uma mensagem de confirmação com os itens do pedido realizado.\n\n---\n\n## 🎨 Layout\n\nO layout da aplicação está disponível no Figma:\n\n\u003ca href=\"https://www.figma.com/file/x5d6PByTDhwD6f3gRrj5dM/Ignite-Shop-2.0-(Copy)?type=design\u0026node-id=0-1\u0026mode=design\u0026t=X9urGgqMRuw7axB5-0\"\u003e\n  \u003cimg alt=\"Made by jsnevt\" src=\"https://img.shields.io/badge/Acessar%20Layout%20-Figma-%2304D361\"\u003e\n\u003c/a\u003e\n\n\n### Web\n\n\u003cp align=\"center\" style=\"display: flex; align-items: flex-start; justify-content: center;\"\u003e\n  \u003cimg alt=\"Appfrontend1\" title=\"#Appfrontend\" src=\"./img/Scroll.png\" width=\"400px\"\u003e\n  \u003cimg alt=\"Appfrontend2\" title=\"#Appfrontend\" src=\"./img/Product.png\" width=\"400px\"\u003e\n  \u003cimg alt=\"Appfrontend4\" title=\"#Appfrontend\" src=\"./img/Purchase.png\" width=\"400px\"\u003e\n\u003c/p\u003e\n\n---\n\n## 🚀 Como executar o projeto\n\nO projeto foi feito usando o framework Next com React \n\n\n### Pré-requisitos\n\nAntes de começar, você vai precisar ter instalado em sua máquina as seguintes ferramentas:\n[Git](https://git-scm.com), \n[Node.js](https://nodejs.org/en/). \nAlém disto é bom ter um editor para trabalhar com o código como [VSCode](https://code.visualstudio.com/)\n\n#### 🧭 Rodando a aplicação web (Frontend)\n\n```bash\n\n# No prompt de comando:\n# Crie uma pasta onde desejar\n# Acesse a pasta, e no terminal:\n\n# Clone este repositório\n$ git clone https://github.com/jsnevt/ign_shop.git\n\n# No VSCode, abra a pasta onde o arquivo foi clonado e abra o projeto\n\n# Dentro do terminal do VS Code, instale as dependências\n$ npm i\n\n# Acesse o terminal do VS e execute a aplicação em modo desenvolvimento\n$ Digite \"num run dev\" (sem as aspas)\n\nA aplicação será aberta - acesse http://localhost:3000\n\n```\n---\n\n## 🛠 Tecnologias\n\nAs seguintes ferramentas foram usadas na construção do projeto:\n\n#### **Website**  ([React](https://reactjs.org/)  +  [TypeScript](https://www.typescriptlang.org/))\n\n-   **[https://github.com/phosphor-icons/homepage](https://github.com/phosphor-icons/homepage)**\n-   **[Axios](https://github.com/axios/axios)**\n-   **[https://www.radix-ui.com](https://github.com/radix-ui/primitives)**\n-   **[https://stitches.dev/](https://github.com/stitchesjs/stitches)**\n-   **[Stripe](https://github.com/stripe)**\n-   **[Keen-slider](https://github.com/rcbyr/keen-slider)**\n\n\n\u003e Veja o arquivo  [package.json](https://github.com/JsnEvt/coffeedelivery/blob/main/package.json)\n\n\n## 👨‍💻 Contribuidores\n\n💜 Um super thanks 👏 para essa galera que fez esse produto sair do campo da ideia e entrar nas lojas de aplicativos :)\n\n\u003ctable\u003e\n  \u003ctr\u003e\n    \u003ctd align=\"center\"\u003e\u003ca href=\"https://rocketseat.com.br\"\u003e\u003cimg style=\"border-radius: 50%;\" src=\"https://avatars2.githubusercontent.com/u/2254731?s=400\u0026u=0ba16a79456c2f250e7579cb388fa18c5c2d7d65\u0026v=4\" width=\"100px;\" alt=\"\"/\u003e\u003cbr /\u003e\u003csub\u003e\u003cb\u003eDiego Fernandes\u003c/b\u003e\u003c/sub\u003e\u003c/a\u003e\u003cbr /\u003e\u003ca href=\"https://rocketseat.com.br/\" title=\"Rocketseat\"\u003e👨‍🚀\u003c/a\u003e\u003c/td\u003e\n    \u003ctd align=\"center\"\u003e\u003ca href=\"https://rocketseat.com.br\"\u003e\u003cimg style=\"border-radius: 50%;\" src=\"https://avatars1.githubusercontent.com/u/4669899?s=460\u0026u=806503605676192b5d0c363e4490e13d8127ed64\u0026v=4\" width=\"100px;\" alt=\"\"/\u003e\u003cbr /\u003e\u003csub\u003e\u003cb\u003eCleiton Souza\u003c/b\u003e\u003c/sub\u003e\u003c/a\u003e\u003cbr /\u003e\u003ca href=\"https://rocketseat.com.br/\" title=\"Rocketseat\"\u003e👨‍🚀\u003c/a\u003e\u003c/td\u003e\n    \u003ctd align=\"center\"\u003e\u003ca href=\"https://rocketseat.com.br\"\u003e\u003cimg style=\"border-radius: 50%;\" src=\"https://avatars2.githubusercontent.com/u/861751?s=460\u0026v=4\" width=\"100px;\" alt=\"\"/\u003e\u003cbr /\u003e\u003csub\u003e\u003cb\u003eRobson Marques\u003c/b\u003e\u003c/sub\u003e\u003c/a\u003e\u003cbr /\u003e\u003ca href=\"https://rocketseat.com.br/\" title=\"Rocketseat\"\u003e👨‍🚀\u003c/a\u003e\u003c/td\u003e\n    \u003ctd align=\"center\"\u003e\u003ca href=\"https://rocketseat.com.br\"\u003e\u003cimg style=\"border-radius: 50%;\" src=\"https://avatars3.githubusercontent.com/u/16831337?s=460\u0026v=4\" width=\"100px;\" alt=\"\"/\u003e\u003cbr /\u003e\u003csub\u003e\u003cb\u003eClaudio Orlandi\u003c/b\u003e\u003c/sub\u003e\u003c/a\u003e\u003cbr /\u003e\u003ca href=\"https://rocketseat.com.br/\" title=\"Rocketseat\"\u003e🚀\u003c/a\u003e\u003c/td\u003e\n    \u003ctd align=\"center\"\u003e\u003ca href=\"https://rocketseat.com.br\"\u003e\u003cimg style=\"border-radius: 50%;\" src=\"https://avatars2.githubusercontent.com/u/37725197?s=460\u0026u=446439436524c37f66e41f35b607dbb70358d5e4\u0026v=4\" width=\"100px;\" alt=\"\"/\u003e\u003cbr /\u003e\u003csub\u003e\u003cb\u003eVinícios Fraga\u003c/b\u003e\u003c/sub\u003e\u003c/a\u003e\u003cbr /\u003e\u003ca href=\"https://rocketseat.com.br/\" title=\"Rocketseat\"\u003e🚀\u003c/a\u003e\u003c/td\u003e\n    \u003ctd align=\"center\"\u003e\u003ca href=\"https://rocketseat.com.br\"\u003e\u003cimg style=\"border-radius: 50%;\" src=\"https://avatars3.githubusercontent.com/u/26551306?s=460\u0026u=18446655ccae6c2a29eb177a104ecf32f029aa3a\u0026v=4\" width=\"100px;\" alt=\"\"/\u003e\u003cbr /\u003e\u003csub\u003e\u003cb\u003eHugo Duarte\u003c/b\u003e\u003c/sub\u003e\u003c/a\u003e\u003cbr /\u003e\u003ca href=\"https://rocketseat.com.br/\" title=\"Rocketseat\"\u003e🚀\u003c/a\u003e  \u003ca href=\"https://blog.rocketseat.com.br/\" title=\"Blog\"\u003e🌐\u003c/a\u003e\u003c/td\u003e\n    \n  \u003c/tr\u003e\n  \u003ctr\u003e\n    \u003ctd align=\"center\"\u003e\u003ca href=\"https://rocketseat.com.br\"\u003e\u003cimg style=\"border-radius: 50%;\" src=\"https://avatars0.githubusercontent.com/u/39345247?s=460\u0026u=cdff2624a327a43e2765112a54e966a06eac6d79\u0026v=4\" width=\"100px;\" alt=\"\"/\u003e\u003cbr /\u003e\u003csub\u003e\u003cb\u003eJoseph Oliveira\u003c/b\u003e\u003c/sub\u003e\u003c/a\u003e\u003cbr /\u003e\u003ca href=\"https://rocketseat.com.br/\" title=\"Rocketseat\"\u003e🚀\u003c/a\u003e\u003c/td\u003e\n    \u003ctd align=\"center\"\u003e\u003ca href=\"https://rocketseat.com.br\"\u003e\u003cimg style=\"border-radius: 50%;\" src=\"https://avatars0.githubusercontent.com/u/10366880?s=460\u0026u=59e93e1752e9d2ece4b7d8e129d60caba9c94207\u0026v=4\" width=\"100px;\" alt=\"\"/\u003e\u003cbr /\u003e\u003csub\u003e\u003cb\u003eGuilherme Rodz\u003c/b\u003e\u003c/sub\u003e\u003c/a\u003e\u003cbr /\u003e\u003ca href=\"https://rocketseat.com.br/\" title=\"Rocketseat\"\u003e🚀\u003c/a\u003e\u003c/td\u003e\n    \u003ctd align=\"center\"\u003e\u003ca href=\"https://rocketseat.com.br\"\u003e\u003cimg style=\"border-radius: 50%;\" src=\"https://avatars2.githubusercontent.com/u/6643122?s=460\u0026u=1e9e1f04b76fb5374e6a041f5e41dce83f3b5d92\u0026v=4\" width=\"100px;\" alt=\"\"/\u003e\u003cbr /\u003e\u003csub\u003e\u003cb\u003eMayk Brito\u003c/b\u003e\u003c/sub\u003e\u003c/a\u003e\u003cbr /\u003e\u003ca href=\"https://rocketseat.com.br/\" title=\"Rocketseat\"\u003e🚀\u003c/a\u003e\u003c/td\u003e\n    \u003ctd align=\"center\"\u003e\u003ca href=\"https://rocketseat.com.br\"\u003e\u003cimg style=\"border-radius: 50%;\" src=\"https://avatars2.githubusercontent.com/u/7268910?s=460\u0026u=0b5d9df4232e70fa66ea9f130fad4260378323de\u0026v=4\" width=\"100px;\" alt=\"\"/\u003e\u003cbr /\u003e\u003csub\u003e\u003cb\u003eJoão Paulo\u003c/b\u003e\u003c/sub\u003e\u003c/a\u003e\u003cbr /\u003e\u003ca href=\"https://rocketseat.com.br/\" title=\"Rocketseat\"\u003e🚀\u003c/a\u003e\u003c/td\u003e\n    \u003ctd align=\"center\"\u003e\u003ca href=\"https://rocketseat.com.br\"\u003e\u003cimg style=\"border-radius: 50%;\" src=\"https://avatars2.githubusercontent.com/u/14251143?s=460\u0026u=340ed1d854bbacc22b9a3210a18a1f589a28bc40\u0026v=4\" width=\"100px;\" alt=\"\"/\u003e\u003cbr /\u003e\u003csub\u003e\u003cb\u003eLuke Morales\u003c/b\u003e\u003c/sub\u003e\u003c/a\u003e\u003cbr /\u003e\u003ca href=\"https://rocketseat.com.br/\" title=\"Rocketseat\"\u003e🚀\u003c/a\u003e\u003c/td\u003e\n     \u003ctd align=\"center\"\u003e\u003ca href=\"https://rocketseat.com.br\"\u003e\u003cimg style=\"border-radius: 50%;\" src=\"https://avatars0.githubusercontent.com/u/5151405?s=460\u0026u=1dbcf0e89087c2dc902d3331b90e532db1543d2b\u0026v=4\" width=\"100px;\" alt=\"\"/\u003e\u003cbr /\u003e\u003csub\u003e\u003cb\u003eLuiz Batanero\u003c/b\u003e\u003c/sub\u003e\u003c/a\u003e\u003cbr /\u003e\u003ca href=\"https://rocketseat.com.br/\" title=\"Rocketseat\"\u003e🚀\u003c/a\u003e\u003c/td\u003e\n    \n  \u003c/tr\u003e\n\u003c/table\u003e\n\n\n## 💪 Como contribuir para o projeto\n\n1. Faça um **fork** do projeto.\n2. Crie uma nova branch com as suas alterações: `git checkout -b my-feature`\n3. Salve as alterações e crie uma mensagem de commit contando o que você fez: `git commit -m \"feature: My new feature\"`\n4. Envie as suas alterações: `git push origin my-feature`\n\u003e Caso tenha alguma dúvida confira este [guia de como contribuir no GitHub](./CONTRIBUTING.md)\n\n---\n\n\n## 🦸 Autor\n\n[![Linkedin Badge](https://img.shields.io/badge/-Jason-blue?style=flat-square\u0026logo=Linkedin\u0026logoColor=white\u0026link=https://www.linkedin.com/in/jason-everton-041226223/)](https://www.linkedin.com/in/jason-everton-041226223/)\n\n[![Gmail Badge](https://img.shields.io/badge/-jasonemsw10@gmail.com-c14438?style=flat-square\u0026logo=Gmail\u0026logoColor=white\u0026link=mailto:jasonemsw10@gmail.com)](mailto:jasonemsw10@gmail.com)\n\n\n## 📝 Licença\n\nEste projeto esta sobe a licença [MIT](./LICENSE).\n\nFeito com ❤️ por Jason Everton 👋🏽 [Entre em contato!](https://www.linkedin.com/in/jason-everton-041226223/)\n\n---\n\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fjsnevt%2Fign_shop","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fjsnevt%2Fign_shop","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fjsnevt%2Fign_shop/lists"}