{"id":20557816,"url":"https://github.com/gabrielmedrados/ecommerce-store","last_synced_at":"2026-02-09T07:34:18.791Z","repository":{"id":214110884,"uuid":"735445047","full_name":"GabrielMedradoS/Ecommerce-store","owner":"GabrielMedradoS","description":"Projeto é um site de Ecommerce com suas funcionalidades🎯💸📊","archived":false,"fork":false,"pushed_at":"2024-12-27T02:20:38.000Z","size":1343,"stargazers_count":1,"open_issues_count":0,"forks_count":1,"subscribers_count":1,"default_branch":"master","last_synced_at":"2025-08-22T08:50:12.375Z","etag":null,"topics":["headlessui-react","nextjs","node","react","tailwindcss","typescript"],"latest_commit_sha":null,"homepage":"","language":"TypeScript","has_issues":true,"has_wiki":null,"has_pages":null,"mirror_url":null,"source_name":null,"license":"mit","status":null,"scm":"git","pull_requests_enabled":true,"icon_url":"https://github.com/GabrielMedradoS.png","metadata":{"files":{"readme":"README.md","changelog":null,"contributing":null,"funding":null,"license":"LICENSE","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-12-25T00:51:02.000Z","updated_at":"2024-12-27T02:20:41.000Z","dependencies_parsed_at":"2024-12-27T03:20:54.888Z","dependency_job_id":"6439e913-63d7-44c6-8254-df26b47bf143","html_url":"https://github.com/GabrielMedradoS/Ecommerce-store","commit_stats":null,"previous_names":["gabrielmedrados/ecommerce-store"],"tags_count":0,"template":false,"template_full_name":null,"purl":"pkg:github/GabrielMedradoS/Ecommerce-store","repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/GabrielMedradoS%2FEcommerce-store","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/GabrielMedradoS%2FEcommerce-store/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/GabrielMedradoS%2FEcommerce-store/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/GabrielMedradoS%2FEcommerce-store/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/GabrielMedradoS","download_url":"https://codeload.github.com/GabrielMedradoS/Ecommerce-store/tar.gz/refs/heads/master","sbom_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/GabrielMedradoS%2FEcommerce-store/sbom","scorecard":null,"host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":286080680,"owners_count":29258759,"icon_url":"https://github.com/github.png","version":null,"created_at":"2022-05-30T11:31:42.601Z","updated_at":"2026-02-09T04:11:57.159Z","status":"ssl_error","status_checked_at":"2026-02-09T04:11:56.117Z","response_time":56,"last_error":"SSL_connect returned=1 errno=0 peeraddr=140.82.121.5:443 state=error: unexpected eof while reading","robots_txt_status":"success","robots_txt_updated_at":"2025-07-24T06:49:26.215Z","robots_txt_url":"https://github.com/robots.txt","online":false,"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":["headlessui-react","nextjs","node","react","tailwindcss","typescript"],"created_at":"2024-11-16T03:39:50.672Z","updated_at":"2026-02-09T07:34:18.677Z","avatar_url":"https://github.com/GabrielMedradoS.png","language":"TypeScript","funding_links":[],"categories":[],"sub_categories":[],"readme":"### Ecommerce-store\n\u003cp align='center'\u003e\n\u003cb height=\"50%\" width=\"50%\"\u003e\u003c/b\u003e\n\u003c/p\u003e\n\n\u003cp align=\"center\"\u003e\n    \u003cimg alt=\"Platform\" src=\"https://img.shields.io/static/v1?label=Platform\u0026message=PC\u0026color=030712\u0026labelColor=262626\"\u003e\n    \u003cimg alt=\"project name\" src=\"https://img.shields.io/badge/Ecommerce-store-030712?\u0026labelColor=262626\"\u003e\u003c/img\u003e    \n    \u003cimg alt=\"Repository size\" src=\"https://img.shields.io/github/repo-size/GabrielMedradoS/Ecommerce-store?color=030712\u0026labelColor=262626\"\u003e\n    \u003cimg alt=\"GitHub Last Commit\" src=\"https://img.shields.io/github/last-commit/gabrielmedrados/Ecommerce-store?\u0026color=030712\u0026labelColor=262626\"\u003e    \n    \u003ca href=\"\"\u003e\n        \u003cimg alt=\"License\" src=\"https://img.shields.io/static/v1?label=License\u0026message=MIT\u0026color=030712\u0026labelColor=262626\"\u003e\n    \u003c/a\u003e\n\u003c/p\u003e\n\n\u003cp align=\"center\"\u003e\n    \u003ca href=\"#-objetivo\"\u003eObjetivo\u003c/a\u003e \u0026nbsp;\u0026nbsp;\u0026nbsp;|\u0026nbsp;\u0026nbsp;\u0026nbsp;\n    \u003ca href=\"#-features\"\u003eFeatures\u003c/a\u003e \u0026nbsp;\u0026nbsp;\u0026nbsp;|\u0026nbsp;\u0026nbsp;\u0026nbsp;\n    \u003ca href=\"#-demonstração\"\u003eDemonstração\u003c/a\u003e \u0026nbsp;\u0026nbsp;\u0026nbsp;|\u0026nbsp;\u0026nbsp;\u0026nbsp;\n    \u003ca href=\"#-tecnologias\"\u003eTecnologias\u003c/a\u003e \u0026nbsp;\u0026nbsp;\u0026nbsp;|\u0026nbsp;\u0026nbsp;\u0026nbsp;\n    \u003ca href=\"#-documentação\"\u003eDocumentação\u003c/a\u003e \u0026nbsp;\u0026nbsp;\u0026nbsp;|\u0026nbsp;\u0026nbsp;\u0026nbsp;\n    \u003ca href=\"LICENSE\"\u003eLicense\u003c/a\u003e \u0026nbsp;\u0026nbsp;\u0026nbsp;|\u0026nbsp;\u0026nbsp;\u0026nbsp;\n    \u003ca href=\"#-autor\"\u003eAutor\u003c/a\u003e \n\u003c/p\u003e\n\n## 📷 Layout\n\n#### Screenshot:\n\n\u003cdiv align='center'\u003e\n\u003cimg src=\".github/github image.png\"/\u003e\n\u003c/div\u003e\n\n## 🎯 Objetivo\n\nCriaçao de um site onde é possivel criar sua propria Loja e disponibilizar seus produtos. O sistema contem desde a seleçao de pedidos contendo itens do produtos escolhido e colocando no seu carrinho de compras, forma de pagamento e autenticaçao.\nO projeto é um site de Ecommerce que exibe os produtos usando a **API** disponivel no repositorio **Ecommerce-admin**\n\n## ✨ Features\n\n- [x] Layout de um Ecommerce\n- [x] Layout responsivo e dinâmico\n- [x] Processamento de dados de API externa (repositorio **Ecommerce-admin**)\n- [x] Funcionalidades de um site Ecommerce como: Display de Loja, Produto, Imagem ...\n- [x] Adicionar item ao carrinho\n- [x] Exibição detalhada ao apontar o cursor no produto\n- [x] Dark Mode\n\n## 💻 Demonstração:\n\nhttps://github.com/GabrielMedradoS/Ecommerce-store/assets/73303001/7aa88717-5d5d-459b-a9fd-2b9607fd31cd\n\n## 🚴🏻‍♂️ Rodar o projeto\n\nPara baixar o código-fonte do projeto em sua máquina, primeiramente terá que ter instalado o [**Git**](https://git-scm.com/).\nCom o Git instalado, em seu terminal execute o seguinte comando:\n\n```bash\ngit clone https://github.com/GabrielMedradoS/Ecommerce-store.git\n```\n\nPara instalar as dependências e executar o projeto terá que ter instalado em sua máquina o [**node.js**](https://nodejs.org/en/), que vem acompanhado do npm.\n\n\u003e Nesse projeto foi utilizado o [**pnpm**](https://pnpm.io/), que busca economizar espaço em disco e acelerar a instalação de pacotes devido à sua abordagem de armazenamento de dependências compartilhado.\n\nInstale as dependências usando **pnpm** ou **npm**:\n\n```bash\n# pnpm\npnpm install\n```\n\n```bash\n# npm\nnpm install\n```\n\nCrie o arquivo .env com as variáveis de ambiente necessárias:\n\n```bash\nNEXT_PUBLIC_API_URL=\"Minha Loja disponibilizada pela key no repositorio ecommerce-admin\"\n```\n\nExecute o projeto:\n\n```bash\n# pnpm\npnpm run dev\n```\n\n```bash\n# npm\nnpm run dev\n```\n\nO servidor estará disponível em http://localhost:3000.\n\n## 🛠 Tecnologias\n\n\u003cdiv\u003e\n  \u003cimg src=\"https://raw.githubusercontent.com/devicons/devicon/master/icons/react/react-original-wordmark.svg\" alt=\"react\" height=\"30\" width=\"40\"/\u003e\n  \u003cimg src=\"https://raw.githubusercontent.com/devicons/devicon/master/icons/typescript/typescript-original.svg\"\n  alt=\"typescript\" height=\"30\" width=\"40\"/\u003e\n  \u003cimg src=\"https://cdn.jsdelivr.net/gh/devicons/devicon/icons/tailwindcss/tailwindcss-plain.svg\" alt=\"tailwind\" height=\"30\" width=\"40\" /\u003e\n  \u003cimg src=\"https://raw.githubusercontent.com/devicons/devicon/master/icons/nodejs/nodejs-original-wordmark.svg\" alt=\"nodejs\" width=\"40\" height=\"40\"/\u003e\n\u003c/div\u003e\n\n## 📜 Documentação\n\n#### 👇 Clique para ver as Dependencias do projeto\n\n\u003cdetails\u003e\n    \u003csummary\u003eDependencies\u003c/summary\u003e\n\n```json\n{\n  \"name\": \"ecommerce-store\",\n  \"version\": \"0.1.0\",\n  \"private\": true,\n  \"scripts\": {\n    \"dev\": \"next dev\",\n    \"build\": \"next build\",\n    \"start\": \"next start\",\n    \"lint\": \"next lint\"\n  },\n  \"dependencies\": {\n    \"@headlessui/react\": \"^1.7.17\",\n    \"axios\": \"^1.6.3\",\n    \"clsx\": \"^2.0.0\",\n    \"lucide-react\": \"^0.302.0\",\n    \"next\": \"14.0.4\",\n    \"next-themes\": \"^0.2.1\",\n    \"query-string\": \"^8.1.0\",\n    \"react\": \"^18\",\n    \"react-dom\": \"^18\",\n    \"react-hot-toast\": \"^2.4.1\",\n    \"tailwind-merge\": \"^2.2.0\",\n    \"zustand\": \"^4.4.7\"\n  },\n  \"devDependencies\": {\n    \"@types/node\": \"^20\",\n    \"@types/react\": \"^18\",\n    \"@types/react-dom\": \"^18\",\n    \"autoprefixer\": \"^10.0.1\",\n    \"eslint\": \"^8\",\n    \"eslint-config-next\": \"14.0.4\",\n    \"postcss\": \"^8\",\n    \"tailwindcss\": \"^3.3.0\",\n    \"typescript\": \"^5\"\n  }\n}\n```\n\n\u003c/details\u003e\n\n- [Next.js 13 | documentation](https://nextjs.org/docs)\n- [Tailwind | documentation](https://tailwindcss.com/docs/installation/using-postcss)\n- [Query-string | documentation](https://www.npmjs.com/package/query-string)\n- [Headlessui/react](https://headlessui.com/)\n- [Zustand | documentation](https://zustand-demo.pmnd.rs/)\n- [React Hot Toast](https://react-hot-toast.com/)\n- [Axios | documentation](https://axios-http.com/ptbr/docs/intro)\n\n## 💡 Como contribuir\n\n- Faça um **_fork_** desse repositório;\n- Crie um **branch** para a sua feature: `git checkout -b minha-feature`;\n- Faça um **commit** com suas alterações: `git commit -m 'feat: Minha nova feature'`;\n- Faça um **push** para o seu branch: `git push origin minha-feature`;\n- Faça um **pull request** com sua feature;\n\nPull requests são sempre bem-vindos. Em caso de dúvidas ou sugestões, crie uma _**issue**_ ou entre em contato comigo.\n\n## ⚖️ License\n\nThis project is under the MIT license. See the archive [LICENSE](https://github.com/GabrielMedradoS/Ecommerce-store/blob/master/LICENSE) for more details.\n\n## ✍🏾 Autor\n\n| \u003ca href=\"https://github.com/gabrielmedrados/\"\u003e\u003cimg src=\"https://user-images.githubusercontent.com/73303001/126536001-655e3cbd-facd-4de1-992f-b8d9d3656ace.jpg\" width=\"100\" alt=\"perfil\"/\u003e\u003cbr\u003e\n| :-------------------------: |\n| \u003ca href=\"https://github.com/gabrielmedrados/\"\u003e Gabriel Medrado |\u003c/a\u003e |\n\n[![Linkedin Badge](https://img.shields.io/badge/-GabrielMedrado-blue?style=flat-square\u0026logo=Linkedin\u0026logoColor=white)](https://www.linkedin.com/in/gabriel-medrado-de-souza-9a30b3206/)\n[![Gmail Badge](https://img.shields.io/badge/-gabriel.medradoo@hotmail.com-1769ff?style=flat-square\u0026logo=Gmail\u0026logoColor=white)](mailto:gabriel.medradoo@hotmail.com)\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fgabrielmedrados%2Fecommerce-store","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fgabrielmedrados%2Fecommerce-store","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fgabrielmedrados%2Fecommerce-store/lists"}