{"id":30270905,"url":"https://github.com/ariigrangetto/shopshop","last_synced_at":"2026-04-29T21:03:54.309Z","repository":{"id":303486594,"uuid":"1012797963","full_name":"ariigrangetto/shopshop","owner":"ariigrangetto","description":"🛒 A shopping cart application developed with React and Typescript","archived":false,"fork":false,"pushed_at":"2025-07-24T22:58:48.000Z","size":322,"stargazers_count":0,"open_issues_count":0,"forks_count":0,"subscribers_count":0,"default_branch":"main","last_synced_at":"2026-04-16T05:03:25.650Z","etag":null,"topics":["react","react-router","tailwind","typescript","usecontext","usequery","usereducer"],"latest_commit_sha":null,"homepage":"https://shopshopts.netlify.app/","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/ariigrangetto.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,"zenodo":null,"notice":null,"maintainers":null,"copyright":null,"agents":null,"dco":null,"cla":null}},"created_at":"2025-07-02T22:44:08.000Z","updated_at":"2025-07-24T22:58:51.000Z","dependencies_parsed_at":"2025-07-18T05:56:25.723Z","dependency_job_id":"8b962794-e17c-41a4-9b66-67763fea6f58","html_url":"https://github.com/ariigrangetto/shopshop","commit_stats":null,"previous_names":["ariigrangetto/shopshopts","ariigrangetto/shopshop"],"tags_count":0,"template":false,"template_full_name":null,"purl":"pkg:github/ariigrangetto/shopshop","repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/ariigrangetto%2Fshopshop","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/ariigrangetto%2Fshopshop/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/ariigrangetto%2Fshopshop/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/ariigrangetto%2Fshopshop/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/ariigrangetto","download_url":"https://codeload.github.com/ariigrangetto/shopshop/tar.gz/refs/heads/main","sbom_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/ariigrangetto%2Fshopshop/sbom","scorecard":null,"host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":286080680,"owners_count":32443576,"icon_url":"https://github.com/github.png","version":null,"created_at":"2022-05-30T11:31:42.601Z","updated_at":"2026-04-29T20:22:27.477Z","status":"ssl_error","status_checked_at":"2026-04-29T20:22:26.507Z","response_time":110,"last_error":"SSL_connect returned=1 errno=0 peeraddr=140.82.121.6: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":["react","react-router","tailwind","typescript","usecontext","usequery","usereducer"],"created_at":"2025-08-16T03:37:56.657Z","updated_at":"2026-04-29T21:03:54.290Z","avatar_url":"https://github.com/ariigrangetto.png","language":"TypeScript","funding_links":[],"categories":[],"sub_categories":[],"readme":"# 🛒 ShopShop\n\nA shopping cart built with React and Typescript that allows you to add and/or remove products from the cart and view the total cost of the selected items.\n\n## 📝 Technologies\n\n- `React`\n- `Typescript`\n- `Tailwind`\n- `useReducer`\n- `useContext`\n- `Mui`\n- `useId`\n- `useQuery`\n- `Custom Hooks`\n- `React Router`\n\n## 🧠 The Process\n\nThe purpose of this shopping cart app was to deepen my understanding of React hooks, focusing on writing clean, organized, and reusable component-based code to make future updates easier.\n\nThe first step was to fetch and display a list of available products from an external API. I then implemented filtering options based on price and category, allowing users to narrow down the products according to their preferences.\n\nI also added the ability to view detailed information about each product, enhancing the user experience.\n\nAdditionally, I implemented a shopping cart where users can add selected products. The cart displays the chosen items, their quantities, and the total cost. All data is stored persistently using localStorage.\n\n\n## 🌆 Preview\n\n\n\u003cimg width=\"1920\" height=\"1440\" alt=\"shopshopCover\" src=\"https://github.com/user-attachments/assets/da2a9f37-c59c-4507-9507-b67b99c00c71\" /\u003e\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fariigrangetto%2Fshopshop","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fariigrangetto%2Fshopshop","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fariigrangetto%2Fshopshop/lists"}