{"id":25879586,"url":"https://github.com/ummamali/cartswift","last_synced_at":"2026-04-11T04:31:53.532Z","repository":{"id":279595046,"uuid":"939320998","full_name":"Ummamali/cartswift","owner":"Ummamali","description":"A simple shopping cart practice app where users can add shirts to their cart and view selected items in an interactive overlay. The overlay displays item quantities, individual prices, and the total cost. Built for practicing cart functionality and checkout summaries.","archived":false,"fork":false,"pushed_at":"2025-02-26T18:37:56.000Z","size":1061,"stargazers_count":0,"open_issues_count":0,"forks_count":0,"subscribers_count":1,"default_branch":"main","last_synced_at":"2025-10-08T13:51:29.820Z","etag":null,"topics":["css3","ecommerce","frontend","html5","localstorage","reacthooks","reactjs","singlepageapplication","tailwindcss","vite"],"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/Ummamali.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-02-26T11:01:37.000Z","updated_at":"2025-02-26T18:37:59.000Z","dependencies_parsed_at":null,"dependency_job_id":"4a1e3c19-bc9c-4537-8250-e0a3c4904fd1","html_url":"https://github.com/Ummamali/cartswift","commit_stats":null,"previous_names":["ummamali/cartswift"],"tags_count":0,"template":false,"template_full_name":null,"purl":"pkg:github/Ummamali/cartswift","repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/Ummamali%2Fcartswift","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/Ummamali%2Fcartswift/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/Ummamali%2Fcartswift/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/Ummamali%2Fcartswift/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/Ummamali","download_url":"https://codeload.github.com/Ummamali/cartswift/tar.gz/refs/heads/main","sbom_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/Ummamali%2Fcartswift/sbom","scorecard":null,"host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":286080680,"owners_count":31669112,"icon_url":"https://github.com/github.png","version":null,"created_at":"2022-05-30T11:31:42.601Z","updated_at":"2026-04-10T17:19:37.612Z","status":"online","status_checked_at":"2026-04-11T02:00:05.776Z","response_time":54,"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":["css3","ecommerce","frontend","html5","localstorage","reacthooks","reactjs","singlepageapplication","tailwindcss","vite"],"created_at":"2025-03-02T13:19:20.408Z","updated_at":"2026-04-11T04:31:53.524Z","avatar_url":"https://github.com/Ummamali.png","language":"JavaScript","funding_links":[],"categories":[],"sub_categories":[],"readme":"# CartSwift\n### A simple and interactive cart system for adding and reviewing items  \n\nThis Shopping Cart Practice App allows users to add item to their cart and review their selections in an interactive overlay. The overlay provides a clear summary of selected items, including quantities, individual prices, and the total cost. Users can easily adjust their cart contents, ensuring a smooth and intuitive shopping experience. Designed to simulate real-world e-commerce functionality, this project helps in understanding cart management and checkout logic. It is a great tool for practicing dynamic UI updates and state management.  \n\n\u003cimg src=\"./preview.jpg\" alt=\"Project Preview\"/\u003e\n\nBuilt with modern React.js practices, this project leverages reusable components and efficient state handling. It ensures a responsive and seamless user experience with the latest web technologies.  \n\n\n## Technologies Used  \n\n- **HTML** – Forms the structure of the app and organizes content efficiently.  \n- **CSS** – Provides basic styling and layout for a polished appearance.  \n- **Tailwind CSS** – Enables fast, utility-first styling with minimal custom CSS.  \n- **Vite** – Ensures a lightning-fast development experience with instant hot module replacement.  \n- **React.js** – Powers the dynamic UI with reusable components and efficient state management.  \n- **LocalStorage** – Stores cart data persistently, ensuring the cart remains intact on page reloads.  \n\n\n## Features  \n\n### 1. Add Shirts to Cart  \n- Users can add multiple shirts to their cart with a single click.  \n- Items are dynamically updated in the cart without requiring a page reload.  \n- Quantity increases if the same shirt is added again instead of creating duplicate entries.  \n\n### 2. Interactive Cart Overlay  \n- Displays all selected items with their quantities and individual prices.  \n- Shows a live total cost calculation as items are added or removed.  \n- Provides an intuitive interface for reviewing and managing cart contents.  \n\n### 3. Persistent Cart with LocalStorage  \n- Cart data is saved automatically using LocalStorage.  \n- Ensures the cart remains intact even after a page refresh.  \n- Allows users to resume their shopping session without losing selections.\n\n\n## Installation  \n\nFollow these steps to set up and run the Project Manager app locally (Make sure you have Node.js and npm installed before running the commands):  \n\n1. **Clone the repository:**  \n\n    ```sh\n   git clone https://github.com/Ummamali/cartswift.git\n   cd cartswift\n\n3. **Install dependencies:**\n\n    ```sh\n    npm install\n    \n5. **Start the development server:**\n\n   ```sh\n     npm run dev\n\n\n## License  \n\nThis project is licensed under the **MIT License**. For more details, visit [MIT License](https://opensource.org/licenses/MIT).  \n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fummamali%2Fcartswift","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fummamali%2Fcartswift","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fummamali%2Fcartswift/lists"}