{"id":26501970,"url":"https://github.com/irfan-alyy/ecommerce-store","last_synced_at":"2026-05-11T02:38:32.115Z","repository":{"id":283168461,"uuid":"950911873","full_name":"Irfan-alyy/Ecommerce-Store","owner":"Irfan-alyy","description":"Ecommerce Store with Cart, Checkout page, login and registration system for multiple users,","archived":false,"fork":false,"pushed_at":"2025-03-18T21:57:19.000Z","size":0,"stargazers_count":0,"open_issues_count":0,"forks_count":0,"subscribers_count":1,"default_branch":"main","last_synced_at":"2025-03-18T22:32:19.828Z","etag":null,"topics":["react-","react-redux","react-router","reactjs","tailewindcss"],"latest_commit_sha":null,"homepage":"","language":"JavaScript","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/Irfan-alyy.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":"2025-03-18T21:50:29.000Z","updated_at":"2025-03-18T21:59:39.000Z","dependencies_parsed_at":"2025-03-19T11:32:53.958Z","dependency_job_id":null,"html_url":"https://github.com/Irfan-alyy/Ecommerce-Store","commit_stats":null,"previous_names":["irfan-alyy/ecommerce-store"],"tags_count":0,"template":false,"template_full_name":null,"repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/Irfan-alyy%2FEcommerce-Store","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/Irfan-alyy%2FEcommerce-Store/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/Irfan-alyy%2FEcommerce-Store/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/Irfan-alyy%2FEcommerce-Store/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/Irfan-alyy","download_url":"https://codeload.github.com/Irfan-alyy/Ecommerce-Store/tar.gz/refs/heads/main","host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":244657437,"owners_count":20488792,"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":["react-","react-redux","react-router","reactjs","tailewindcss"],"created_at":"2025-03-20T17:23:05.136Z","updated_at":"2026-05-11T02:38:32.110Z","avatar_url":"https://github.com/Irfan-alyy.png","language":"JavaScript","funding_links":[],"categories":[],"sub_categories":[],"readme":"\nE-commerce Store\n\n📌 Project Overview\n\nThis is a fully responsive E-commerce Store built using React.js, inspired by the Flone Electronics Demo. The project includes multiple pages and uses Redux Toolkit for state management along with Redux Persist to retain cart data in local storage.\n\n\n---\n\n📑 Features\n\n✅ Fully responsive design 📱💻\n✅ Multiple pages: Home, Product Page, Cart, Checkout, Login \u0026 Registration\n✅ Redux Toolkit for managing cart state 🛒\n✅ Redux Persist for saving cart data after refresh 🔄\n✅ User Authentication (Login \u0026 Registration) 🔑\n✅ Product Listings with details 📦\n✅ Add to Cart \u0026 Remove from Cart functionality 🛍️\n✅ Checkout Process 💳\n✅ Organized folder structure for scalability 🚀\n\n\n---\n\n🏗️ Project Structure\n```bash\n/src\n│── components/         # All components related to pages\n│── customHooks/        # Custom React hooks\n│── features/           # Reusable app logic (e.g., scroll-to-top)\n│── layout/             # Page layout components (Header, Footer, etc.)\n│── pages/              # Main page components and their folders\n│── style/              # Page-specific styles\n│── store/              # Redux Toolkit store and slices\n│── UI/                 # Reusable small components, animations, etc.\n│── App.jsx             # Main application component\n│── main.jsx            # Entry point of the application\n\n```\n\n\n---\n\n⚡ Installation \u0026 Setup\n\n1️⃣ Clone the repository\n\ngit clone https://github.com/Irfan-alyy/Ecommerce-Store.git\ncd ecommerce-store\n\n2️⃣ Install dependencies\n\nnpm install\n\n3️⃣ Start the development server\n\nnpm run dev\n\nThe app will run on http://localhost:5173/ 🚀\n\n\n---\n\n🛒 Using Redux for Cart Management\n\nWe use Redux Toolkit to manage the cart state and Redux Persist to store it in localStorage.\n\nExample: Add an item to the cart\n\ndispatch(addToCart(item));\n\nExample: Remove an item from the cart\n\ndispatch(removeItem(productId));\n\nYou can find the configuration for Redux and Redux Persist in the store/ folder.\n\n\n---\n\n🚀 Deployment\n\nTo build and deploy the app:\n\nnpm run build\n\nThen, deploy the dist/ folder using Vercel, Netlify, or GitHub Pages.\n\n\n---\n\n🛠️ Technologies Used\n\nReact.js ⚛️\n\nRedux Toolkit \u0026 Redux Persist 🛒\n\nReact Router 🚏\n\nTailwind CSS or Styled Components 🎨\n\nMaterial UI (e.g., badge)\n\nLocalStorage (via Redux Persist) 💾\n\n\n\n---\n\n📞 Contact\n\nFor any issues or suggestions, feel free to open an issue or reach out!\nAli Irfan\n\n\n---\n\nLet me know if you'd like a markdown file version of this or help creating a visual diagram for your project structure.\n\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Firfan-alyy%2Fecommerce-store","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Firfan-alyy%2Fecommerce-store","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Firfan-alyy%2Fecommerce-store/lists"}