{"id":25861382,"url":"https://github.com/ssmahim01/mz-shop","last_synced_at":"2026-04-11T12:04:03.479Z","repository":{"id":262323814,"uuid":"886887349","full_name":"ssmahim01/mz-shop","owner":"ssmahim01","description":"The project name is MZ Shop. The project has some routes where users can go through the click. It was built by using React Router, Tailwind CSS, Daisy UI those technologies. Suppose, it is a normal E-Commerce website.","archived":false,"fork":false,"pushed_at":"2025-01-12T12:14:16.000Z","size":670,"stargazers_count":0,"open_issues_count":0,"forks_count":0,"subscribers_count":1,"default_branch":"main","last_synced_at":"2025-03-01T23:34:57.013Z","etag":null,"topics":["javascript","react-router","reactjs","tailwind-css"],"latest_commit_sha":null,"homepage":"https://the-gadget.netlify.app","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/ssmahim01.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}},"created_at":"2024-11-11T19:35:12.000Z","updated_at":"2025-01-12T12:14:21.000Z","dependencies_parsed_at":null,"dependency_job_id":"c43ecbdd-a779-4c98-a88e-e58f7d48d324","html_url":"https://github.com/ssmahim01/mz-shop","commit_stats":null,"previous_names":["ssmahim01/mz-shop"],"tags_count":0,"template":false,"template_full_name":null,"purl":"pkg:github/ssmahim01/mz-shop","repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/ssmahim01%2Fmz-shop","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/ssmahim01%2Fmz-shop/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/ssmahim01%2Fmz-shop/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/ssmahim01%2Fmz-shop/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/ssmahim01","download_url":"https://codeload.github.com/ssmahim01/mz-shop/tar.gz/refs/heads/main","sbom_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/ssmahim01%2Fmz-shop/sbom","host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":265793684,"owners_count":23829180,"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":["javascript","react-router","reactjs","tailwind-css"],"created_at":"2025-03-01T23:35:22.256Z","updated_at":"2026-04-11T12:04:03.437Z","avatar_url":"https://github.com/ssmahim01.png","language":"JavaScript","funding_links":[],"categories":[],"sub_categories":[],"readme":"# Project Name\n\n\u003cb\u003eGadget Heaven\u003c/b\u003e\n\u003cbr\u003e\n\n# Live Link\n\n\u003cb\u003eLive Of The Project:\u003c/b\u003e https://the-gadget.netlify.app/\n\u003cbr\u003e\n\n# Requirement Document Link\n\n\u003cb\u003eDOC Link:\u003c/b\u003e https://github.com/ProgrammingHero1/B10-A8-gadget-heaven/blob/main/Batch-10_Assignment-08.pdf\n\u003cbr\u003e\n\n# React Fundamental Concepts\n\n\u003cli\u003e\u003cb\u003eProps:\u003c/b\u003e Props is short for \"properties\". Props are used to pass data parent component to child components for communication and data flow.\u003c/li\u003e\n\n\u003cli\u003e\u003cb\u003eState Management:\u003c/b\u003e React's (useState) hook is used to manage local component state for items in the cart and wishlist.This allows dynamic updates cart and wishlist items based on user actions.\u003c/li\u003e\n\n\u003cli\u003e\u003cb\u003eHooks:\u003c/b\u003e Special functions like (useState, useEffect) that let me manage state and side effects in functional components.\u003c/li\u003e\n\n\u003cli\u003e\u003cb\u003eConditional Rendering:\u003c/b\u003e Conditional Rendering can be used for show or hide components. Rendering different UI elements based on certain conditions.\u003c/li\u003e\n\n\u003cli\u003e\u003cb\u003eEvent Handling:\u003c/b\u003e Event handlers are used for actions like adding items to the cart and wishlist, Deleting items from the cart and wishlist.\u003c/li\u003e\n\u003cbr\u003e\n\n# Handling and Managing Data\n\n\u003cb\u003eLocal State (useState):\u003c/b\u003e For managing the cart and wishlist items within the Dashboard component.\n\u003cbr\u003e\n\u003cb\u003eProps Drilling: \u003c/b\u003eUsed for pass data to components or others then used.\n\u003cbr\u003e \n\u003cb\u003eLocal Storage:\u003c/b\u003e Used Local Storage to stored data then manage.\n\u003cbr\u003e\n\n# 5 Features of the Project\n\n\u003cli\u003e\u003cb\u003eNavigate and Navigation:\u003c/b\u003e Used Navigate for manage path to go one page to another page. And used Navigation for control loading.\u003c/li\u003e\n\n\u003cli\u003e\u003cb\u003eCart and Wishlist Management:\u003c/b\u003e Users can add items to the Cart or Wishlist from Product Details.\u003c/li\u003e\n\n\u003cli\u003e\u003cb\u003eQuantity and Total Price Control in Cart:\u003c/b\u003e Users can increase and decrease the quantity of each item in the Cart.Total Price will be automatically calculated and displayed based on the items and quantities.\u003c/li\u003e\n\n\u003cli\u003e\u003cb\u003eData Storage:\u003c/b\u003e Cart and Wishlist data will be saved in local storage, so users can return to their items even after a session ends.\u003c/li\u003e\n\n\u003cli\u003e\u003cb\u003eFiltering and Sorting:\u003c/b\u003e Users can filter products by category or other criteria to find specific items.Sorting options based on price.Users can click the Sort by Price button then sort the items by price in descending order.\u003c/li\u003e\n\n# Setup\n\nThis template provides a minimal setup to get React working in Vite with HMR and some ESLint rules.\n\nCurrently, two official plugins are available:\n\n- [@vitejs/plugin-react](https://github.com/vitejs/vite-plugin-react/blob/main/packages/plugin-react/README.md) uses [Babel](https://babeljs.io/) for Fast Refresh\n- [@vitejs/plugin-react-swc](https://github.com/vitejs/vite-plugin-react-swc) uses [SWC](https://swc.rs/) for Fast Refresh","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fssmahim01%2Fmz-shop","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fssmahim01%2Fmz-shop","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fssmahim01%2Fmz-shop/lists"}