{"id":23743254,"url":"https://github.com/moamal-2000/e-commerce","last_synced_at":"2025-09-04T18:31:49.525Z","repository":{"id":189874267,"uuid":"681199946","full_name":"Moamal-2000/e-commerce","owner":"Moamal-2000","description":"An elegant e-commerce website offering a seamless shopping experience with responsive design, showcasing modern UI/UX practices","archived":false,"fork":false,"pushed_at":"2025-09-03T12:35:01.000Z","size":22184,"stargazers_count":68,"open_issues_count":1,"forks_count":21,"subscribers_count":4,"default_branch":"main","last_synced_at":"2025-09-03T14:36:15.356Z","etag":null,"topics":["accessibility","css-modules-react","custom-hooks","custom-hooks-in-react","e-commerce","e-commerce-design","e-commerce-project","ecommerce-website","i18n-react","i18next","local-fonts","pwa","pwa-app","react","react-ecom","react-ecommerce-app","react-router-dom","react-router-v6","reactjs","redux-toolkit"],"latest_commit_sha":null,"homepage":"https://e-commercew.netlify.app","language":"JavaScript","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/Moamal-2000.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,"notice":null,"maintainers":null,"copyright":null,"agents":null,"dco":null,"cla":null}},"created_at":"2023-08-21T13:42:35.000Z","updated_at":"2025-09-03T12:35:04.000Z","dependencies_parsed_at":"2024-03-16T23:39:03.078Z","dependency_job_id":"4d975255-6d7b-425c-afa5-70dcd231f558","html_url":"https://github.com/Moamal-2000/e-commerce","commit_stats":null,"previous_names":["moamal-2000/e-commerce"],"tags_count":3,"template":false,"template_full_name":null,"purl":"pkg:github/Moamal-2000/e-commerce","repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/Moamal-2000%2Fe-commerce","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/Moamal-2000%2Fe-commerce/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/Moamal-2000%2Fe-commerce/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/Moamal-2000%2Fe-commerce/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/Moamal-2000","download_url":"https://codeload.github.com/Moamal-2000/e-commerce/tar.gz/refs/heads/main","sbom_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/Moamal-2000%2Fe-commerce/sbom","scorecard":null,"host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":273653787,"owners_count":25144536,"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","status":"online","status_checked_at":"2025-09-04T02:00:08.968Z","response_time":61,"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":["accessibility","css-modules-react","custom-hooks","custom-hooks-in-react","e-commerce","e-commerce-design","e-commerce-project","ecommerce-website","i18n-react","i18next","local-fonts","pwa","pwa-app","react","react-ecom","react-ecommerce-app","react-router-dom","react-router-v6","reactjs","redux-toolkit"],"created_at":"2024-12-31T11:59:40.925Z","updated_at":"2025-09-04T18:31:44.510Z","avatar_url":"https://github.com/Moamal-2000.png","language":"JavaScript","readme":"\u003cp align=\"center\"\u003e\n  \u003cimg src=\"https://github.com/Moamal-2000/e-commerce/assets/103026211/935f9fd0-1cfa-4164-9947-3ce38a8f1484\" alt=\"E-Commerce Website Preview\"\u003e\n\u003c/p\u003e\n\n\u003ch1 align=\"center\"\u003eE-Commerce Website\u003c/h1\u003e\n\n\u003cp align=\"center\"\u003e\n  Designed by: \u003ca href=\"https://dribbble.com/mdrimel15\" target=\"_blank\"\u003emdrimel15\u003c/a\u003e, \n  Design on \u003ca href=\"https://www.figma.com/file/bwhp2Q5jdzJDIw5YIsBlXe/Full-E-Commerce-Website-UI-UX-Design-(Community)?node-id=34%3A213\u0026mode=design\" target=\"_blank\"\u003eFigma\u003c/a\u003e\n\u003c/p\u003e\n\n## 1. Installation\n\n**1. Clone the repository:**\n\n```bash\ngit clone git@github.com:Moamal-2000/e-commerce.git\n```\n\n**2. Install dependencies:**\n\n```bash\nnpm install\n```\n\n**3. Start the development server:**\n\n```bash\nnpm run dev\n```\n\n## 2. Copyright\n\nYou are welcome to use and modify the codebase for personal and educational purposes. However, please respect the original designer's work and do not use this project for commercial purposes without appropriate permissions.\n\n© 2024 Moamal Alaa Kareem | All rights reserved.\n\n## 3. Technologies Used\n\n- [Progressive Web App](https://vite-pwa-org.netlify.app) for web app features\n- [Postcss plugin](https://www.npmjs.com/package/postcss) for auto prefix CSS properties\n- [CSS modules](https://create-react-app.dev/docs/adding-a-css-modules-stylesheet) with [SASS](https://sass-lang.com/documentation) for styling\n- [Redux/Toolkit](https://redux-toolkit.js.org) for state management\n- [React js](https://react.dev) for better development\n- [React Router Dom v6](https://reactrouter.com) for SPA\n- [React helmet async](https://www.npmjs.com/package/react-helmet-async) for better SEO\n- [Swiper](https://swiperjs.com/react) for carousel slider\n- [React-i18next](https://react.i18next.com) for multi language website\n\n## 4. Features\n\n1. **User Authentication and Account Management:**\n   Secure user registration and login functionalities.\n\n2. **Local Storage for Changes:**\n   All user actions and changes are stored locally to ensure seamless browsing and continuity.\n\n3. **Shopping Cart and Checkout Process:**\n   Easily add items to your cart and proceed through a streamlined checkout process.\n\n4. **Order Tracking and History:**\n   Track the status of your orders and view past order history.\n\n5. **Product Details Page with Zoom-In Feature:**\n   View detailed product information with the ability to zoom in on product images.\n\n6. **Search Functionality:**\n   Search for products by name, or category, or browse all available products.\n\n7. **Save to Favorites/Wishlist/Cart:**\n   Save products to your preferred list for future reference or purchase.\n\n8. **Fully Responsive Design:**\n   Enjoy a responsive and user-friendly experience across all devices, including desktops, tablets, and mobile phones.\n\n## 5. Style helper\n\n#### 1. Colors\n\n| Color Name       | Hex Code                                                       |\n| ---------------- | ---------------------------------------------------------------- |\n| Black            | ![#000000](https://placehold.co/1x1/000000/000000.png) `#000000` |\n| Charcoal         | ![#252525](https://placehold.co/1x1/252525/252525.png) `#252525` |\n| Dark Slate Gray  | ![#2d2d2d](https://placehold.co/1x1/2d2d2d/2d2d2d.png) `#2d2d2d` |\n| Granite          | ![#363738](https://placehold.co/1x1/363738/363738.png) `#363738` |\n| Coffee           | ![#504242](https://placehold.co/1x1/504242/504242.png) `#504242` |\n| Battleship Gray  | ![#4c5355](https://placehold.co/1x1/4c5355/4c5355.png) `#4c5355` |\n| Dolphin Gray     | ![#7d8184](https://placehold.co/1x1/7d8184/7d8184.png) `#7d8184` |\n| Silver           | ![#999999](https://placehold.co/1x1/999999/999999.png) `#999999` |\n| Slate Gray       | ![#848d97](https://placehold.co/1x1/848d97/848d97.png) `#848d97` |\n| Baby Blue        | ![#a0bce0](https://placehold.co/1x1/a0bce0/a0bce0.png) `#a0bce0` |\n| Pale Silver      | ![#cbcbcb](https://placehold.co/1x1/cbcbcb/cbcbcb.png) `#cbcbcb` |\n| Platinum         | ![#ededed](https://placehold.co/1x1/ededed/ededed.png) `#ededed` |\n| White Smoke      | ![#f5f5f5](https://placehold.co/1x1/f5f5f5/f5f5f5.png) `#f5f5f5` |\n| White            | ![#fafafa](https://placehold.co/1x1/fafafa/fafafa.png) `#fafafa` |\n| Gainsboro        | ![#f6f7f8](https://placehold.co/1x1/f6f7f8/f6f7f8.png) `#f6f7f8` |\n| Ice Blue         | ![#edeef1](https://placehold.co/1x1/edeef1/edeef1.png) `#edeef1` |\n| Anti-Flash White | ![#fdfdfd](https://placehold.co/1x1/fdfdfd/fdfdfd.png) `#fdfdfd` |\n| White            | ![#ffffff](https://placehold.co/1x1/ffffff/ffffff.png) `#ffffff` |\n| Dark Crimson     | ![#a22f2f](https://placehold.co/1x1/a22f2f/a22f2f.png) `#a22f2f` |\n| Tomato           | ![#b40404](https://placehold.co/1x1/b40404/b40404.png) `#b40404` |\n| Fire Engine Red  | ![#db4444](https://placehold.co/1x1/db4444/db4444.png) `#db4444` |\n| Red              | ![#ff0000](https://placehold.co/1x1/ff0000/ff0000.png) `#ff0000` |\n| Salmon Pink      | ![#e07575](https://placehold.co/1x1/e07575/e07575.png) `#e07575` |\n| Dark Green       | ![#078639](https://placehold.co/1x1/078639/078639.png) `#078639` |\n| Dodger Blue      | ![#4493f8](https://placehold.co/1x1/4493f8/4493f8.png) `#4493f8` |\n| Light Blue       | ![#4ac2e8](https://placehold.co/1x1/4ac2e8/4ac2e8.png) `#4ac2e8` |\n| Sunny Yellow     | ![#fffb19](https://placehold.co/1x1/fffb19/fffb19.png) `#fffb19` |\n\n#### 2. Fonts\n\n| Font                                                 | Weights                                |\n| ---------------------------------------------------- | -------------------------------------- |\n| [Inter](https://fonts.google.com/specimen/Inter)     | Light, Medium, Regular, Bold, SemiBold |\n| [Poppins](https://fonts.google.com/specimen/Poppins) | Light, Medium, Regular, Bold, SemiBold |\n| [Rubik](https://fonts.google.com/specimen/Rubik)     | Black Light, Medium, Regular, Bold, SemiBold, ExtraBold |\n","funding_links":[],"categories":[],"sub_categories":[],"project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fmoamal-2000%2Fe-commerce","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fmoamal-2000%2Fe-commerce","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fmoamal-2000%2Fe-commerce/lists"}