{"id":25451157,"url":"https://github.com/williamjayjay/ecommerce-nike-stripe-redux-react-native","last_synced_at":"2026-04-11T03:34:38.665Z","repository":{"id":252864159,"uuid":"825130878","full_name":"williamjayjay/ecommerce-nike-stripe-redux-react-native","owner":"williamjayjay","description":"Usando Redux Toolkit para gerenciamento de estado global e Stripe para processamento de pagamentos, este aplicativo permite buscar tênis de uma API mockada, exibi-los em uma lista e visualizar os detalhes de cada modelo em uma tela dedicada.","archived":false,"fork":false,"pushed_at":"2024-08-12T23:42:05.000Z","size":1141,"stargazers_count":0,"open_issues_count":0,"forks_count":0,"subscribers_count":1,"default_branch":"develop","last_synced_at":"2025-05-16T10:45:23.368Z","etag":null,"topics":["expo","gateway-payment","react-native","react-native-stripe","react-navigation","react-redux","redux","redux-toolkit","rn-stripe","stripe","tailwind","toast-notification","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/williamjayjay.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":"2024-07-06T21:46:00.000Z","updated_at":"2024-08-12T23:44:57.000Z","dependencies_parsed_at":"2024-08-13T02:18:29.918Z","dependency_job_id":null,"html_url":"https://github.com/williamjayjay/ecommerce-nike-stripe-redux-react-native","commit_stats":null,"previous_names":["williamjayjay/ecommerce-nike-stripe-redux-react-native"],"tags_count":0,"template":false,"template_full_name":null,"purl":"pkg:github/williamjayjay/ecommerce-nike-stripe-redux-react-native","repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/williamjayjay%2Fecommerce-nike-stripe-redux-react-native","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/williamjayjay%2Fecommerce-nike-stripe-redux-react-native/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/williamjayjay%2Fecommerce-nike-stripe-redux-react-native/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/williamjayjay%2Fecommerce-nike-stripe-redux-react-native/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/williamjayjay","download_url":"https://codeload.github.com/williamjayjay/ecommerce-nike-stripe-redux-react-native/tar.gz/refs/heads/develop","sbom_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/williamjayjay%2Fecommerce-nike-stripe-redux-react-native/sbom","scorecard":null,"host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":286080680,"owners_count":31668049,"icon_url":"https://github.com/github.png","version":null,"created_at":"2022-05-30T11:31:42.601Z","updated_at":"2026-04-10T17:19:37.612Z","status":"online","status_checked_at":"2026-04-11T02:00:05.776Z","response_time":54,"last_error":null,"robots_txt_status":"success","robots_txt_updated_at":"2025-07-24T06:49:26.215Z","robots_txt_url":"https://github.com/robots.txt","online":true,"can_crawl_api":true,"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":["expo","gateway-payment","react-native","react-native-stripe","react-navigation","react-redux","redux","redux-toolkit","rn-stripe","stripe","tailwind","toast-notification","typescript"],"created_at":"2025-02-17T22:24:09.223Z","updated_at":"2026-04-11T03:34:38.634Z","avatar_url":"https://github.com/williamjayjay.png","language":"TypeScript","funding_links":[],"categories":[],"sub_categories":[],"readme":"\u003ch1 align=\"center\"\u003eE-Nike Mobile React Native (redux + stripe)\u003c/h1\u003e\n\n\u003cp align=\"center\"\u003e\n  \u003cimg alt=\"GitHub language count\" src=\"https://img.shields.io/github/languages/count/williamjayjay/ecommerce-nike-stripe-redux-react-native\"\u003e\n\n  \u003cimg alt=\"GitHub Top Language\" src=\"https://img.shields.io/github/languages/top/williamjayjay/ecommerce-nike-stripe-redux-react-native\" /\u003e\n\n  \u003cimg alt=\"Repository size\" src=\"https://img.shields.io/github/repo-size/williamjayjay/ecommerce-nike-stripe-redux-react-native\"\u003e\n  \n  \u003ca href=\"https://github.com/williamjayjay/Github-Blog/commits/master\"\u003e\n    \u003cimg alt=\"GitHub last commit\" src=\"https://img.shields.io/github/last-commit/williamjayjay/ecommerce-nike-stripe-redux-react-native\"\u003e\n  \u003c/a\u003e\n    \n   \u003ca href=\"https://github.com/williamjayjay/ecommerce-nike-stripe-redux-react-native/stargazers\"\u003e\n    \u003cimg alt=\"Stargazers\" src=\"https://img.shields.io/github/stars/williamjayjay/ecommerce-nike-stripe-redux-react-native?style=social\"\u003e\n  \u003c/a\u003e\n\u003c/p\u003e\n\n\u003cp align=\"center\"\u003e\u003cp align=\"center\"\u003e\nEste aplicativo tem como principais funcionalidades a busca de dados de tênis a partir de uma API mockada, a exibição em uma lista, a apresentação dos detalhes de cada tênis em uma tela dinâmica, o controle do estado global utilizando Redux toolkit e a implementação do gateway de pagamentos da Stripe para possibilitar compras diretamente pelo app.\u003c/p\u003e\n\n\u003cp align=\"center\"\u003e\n\u003cimg alt=\"app students\" src=\".github/assets/cover.png\" /\u003e\n\u003c/p\u003e\n\n## 🥶 Sobre o projeto\n\nDesenvolvi esse projeto para como forma de reforçar o conhecimento com Redux e gateway de pagamentos STRIPE.\n\n## Mobile React Native:\n\n**Aplicativo:** O app irá exibir uma lista de tênis e também deverá ser possível realizar pagamentos com cartão pelo gateway de pagamentos da stripe.\n\n## 🚀 Tecnologias\n\nPrincipais tecnologias que utilizei para desenvolver esta aplicação\n\n- [Typescript](https://www.typescriptlang.org/)\n- [React-Navigation](https://reactnavigation.org/)\n- [Expo-Font](https://docs.expo.dev/versions/latest/sdk/font/)\n- [NativeWind](https://www.nativewind.dev/quick-starts/expo)\n- [TailwindCSS](https://www.nativewind.dev/)\n- [React-Native-Toast-Message](https://www.npmjs.com/package/react-native-toast-message)\n- [Classnames](https://www.npmjs.com/package/classnames)\n- [React-Native-Safe-Area-Context](https://docs.expo.dev/versions/latest/sdk/safe-area-context/)\n- [Redux Toolkit](https://redux-toolkit.js.org/introduction/getting-started)\n- [Stripe RN](https://docs.expo.dev/versions/latest/sdk/stripe/)\n\n## Guia de inicialização\n\nPara instalar e configurar uma cópia local, siga estas etapas simples:\n\n### Prerequisitos\n\nPara garantir o funcionamento adequado da nossa aplicação, verifique abaixo:\n\n1. **Clone o repositório**:\n  ```sh\n  git clone https://github.com/williamjayjay/ecommerce-nike-stripe-redux-react-native\n  ```\n\n2. **Navegue na raiz do projeto ecommerce-nike-stripe-redux-react-native:**\n\n3. **Instale os módulos:**\n  ```sh\n  bun i\n  ```\n\n4. **Copie o .env de exemplo:** \n\n5. **Passe as url e credênciais correspondentes no arquivo .env** \n\n6. **Rode o aplicativo:**\n  ```sh\n  bun android\n  ```\n\n## Roadmap\n\n- [x] Iniciar o aplicativo, entrar na tela com listagem dos tênis nike.\n\n- [x] Na tela de ordem de compras deve exibir os pedidos realizados.\n\n- [x] Ao clicar em um tênis deve levar para tela de detalhes do tênis.\n\n- [x] Ao clicar em adicionar deve adicionar ao carrinho.\n\n- [x] Deve exibir toast notification ao adicionar ao carrinho.\n\n- [x] Na tela do carrinho deve exibir os produtos adicionados.\n\n- [x] Deve exibir toast notification ao remover o último produto do carrinho.\n\n- [x] Quando clicar em finalizar, deve abrir o modal checkout da stripe.\n\n- [x] Ao preencher corretamente os dados, deve ser possível realizar o pagamento do produto.\n\n\u003c!-- --------------------- --\u003e\n\n| Tela Produtos | Tela Detalhes |\n|:-------------------------:|:-------------------------:|\n| ![Tela Produtos](.github/assets/tela_home.png) | ![Tela Detalhes](.github/assets/tela_detalhes.png) |\n\n| Tela Ordem de Compra | Tela Carrinho |\n|:-------------------------:|:-------------------------:|\n| ![Tela Ordem de Compra](.github/assets/tela_order.png) | ![Tela Carrinho](.github/assets/tela_checkout.png) |\n\n| Tela Checkout Stripe |\n|:-------------------------:|\n| ![Tela Checkout Stripe](.github/assets/tela_stripe.png) |","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fwilliamjayjay%2Fecommerce-nike-stripe-redux-react-native","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fwilliamjayjay%2Fecommerce-nike-stripe-redux-react-native","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fwilliamjayjay%2Fecommerce-nike-stripe-redux-react-native/lists"}