{"id":26820140,"url":"https://github.com/orhanweb/react-ecommerce-case","last_synced_at":"2026-05-10T05:32:05.164Z","repository":{"id":284985859,"uuid":"956707758","full_name":"orhanweb/react-ecommerce-case","owner":"orhanweb","description":"A simple e-commerce app built with React and TypeScript. Users can browse products, filter by category, and add items to their cart. The app uses context API for cart management and stores data in localStorage to persist the cart even after page reloads. The project is deployed on GitHub Pages.","archived":false,"fork":false,"pushed_at":"2025-03-28T19:34:09.000Z","size":209,"stargazers_count":0,"open_issues_count":0,"forks_count":0,"subscribers_count":1,"default_branch":"main","last_synced_at":"2025-06-03T12:45:00.179Z","etag":null,"topics":["reactjs","tailwindcss","typescript"],"latest_commit_sha":null,"homepage":"https://orhanweb.github.io/react-ecommerce-case/","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/orhanweb.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,"zenodo":null}},"created_at":"2025-03-28T18:06:41.000Z","updated_at":"2025-03-28T19:34:13.000Z","dependencies_parsed_at":null,"dependency_job_id":"0c7c8b7a-c066-4273-bc69-1aa0492daae7","html_url":"https://github.com/orhanweb/react-ecommerce-case","commit_stats":null,"previous_names":["orhanweb/react-ecommerce-case"],"tags_count":0,"template":false,"template_full_name":null,"purl":"pkg:github/orhanweb/react-ecommerce-case","repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/orhanweb%2Freact-ecommerce-case","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/orhanweb%2Freact-ecommerce-case/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/orhanweb%2Freact-ecommerce-case/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/orhanweb%2Freact-ecommerce-case/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/orhanweb","download_url":"https://codeload.github.com/orhanweb/react-ecommerce-case/tar.gz/refs/heads/main","sbom_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/orhanweb%2Freact-ecommerce-case/sbom","host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":262279180,"owners_count":23286551,"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":["reactjs","tailwindcss","typescript"],"created_at":"2025-03-30T06:20:27.255Z","updated_at":"2026-05-10T05:32:00.142Z","avatar_url":"https://github.com/orhanweb.png","language":"TypeScript","funding_links":[],"categories":[],"sub_categories":[],"readme":"# React E-commerce Case\n\nA simple e-commerce app built with **React** and **TypeScript**. Users can browse products, filter by category, and add items to their cart. The app uses the context API for cart management and stores data in `localStorage` to persist the cart even after page reloads.\n\nThis project is deployed on **GitHub Pages** and you can try the app live by clicking the link below:\n\n👉 [Try the Live Demo](https://orhanweb.github.io/react-ecommerce-case/)\n\nClick the link and experience the app for yourself! Browse products, add them to your cart, and explore the features directly in your browser.\n\n\n## Features\n\n- Browse products by category\n- Add products to your cart\n- View and remove products from the cart\n- Persist cart items in `localStorage`, so they stay even after page reloads\n- **Light / Dark Theme Toggle**: Easily switch between light and dark themes for better user experience\n- Responsive design for mobile and desktop views\n- Built with **ShadCN UI** for an elegant and customizable UI\n\n\n## Technologies\n\n- **React** (with hooks)\n- **TypeScript**\n- **Vite** (for fast development and bundling)\n- **GitHub Pages** (for deployment)\n- **ShadCN UI** (for modern, responsive, and customizable UI components)\n- **localStorage** (to persist cart data across sessions)\n\n## Setup\n\nTo run this project locally, follow these steps:\n\n1. Clone the repository:\n\n   ```bash\n   git clone https://github.com/orhanweb/react-ecommerce-case.git\n   ```\n   \n3. Navigate to the project directory:\n\n   ```bash\n   cd react-ecommerce-case\n   ```\n\n5. Install dependencies:\n    ```bash\n   npm install\n   ```\n\n6. Run the development server:\n   ```bash\n   npm start\n   ```\n\nThe app will be running at `http://localhost:3000`.\n\n\n## Usage\n\n1. Browse through different product categories.\n2. Add products to your cart.\n3. The cart items are stored in `localStorage`, so even if you refresh the page, your cart will be preserved.\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Forhanweb%2Freact-ecommerce-case","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Forhanweb%2Freact-ecommerce-case","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Forhanweb%2Freact-ecommerce-case/lists"}