{"id":22387099,"url":"https://github.com/codelikeagirl29/shopping-list-js","last_synced_at":"2026-05-09T06:05:04.763Z","repository":{"id":215697624,"uuid":"738730449","full_name":"CodeLikeAGirl29/shopping-list-js","owner":"CodeLikeAGirl29","description":"I created a dynamic Shopping Cart with Javascript, Bootstrap, and HTML.","archived":false,"fork":false,"pushed_at":"2024-09-20T10:56:27.000Z","size":33,"stargazers_count":0,"open_issues_count":0,"forks_count":0,"subscribers_count":1,"default_branch":"main","last_synced_at":"2025-03-26T21:13:48.175Z","etag":null,"topics":["bootstrap","interactive","js","project","shopping-cart"],"latest_commit_sha":null,"homepage":"https://keen-belekoy-5d5bcf.netlify.app/","language":"HTML","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/CodeLikeAGirl29.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":"2024-01-03T23:05:49.000Z","updated_at":"2024-09-20T10:56:31.000Z","dependencies_parsed_at":"2025-03-26T21:13:13.349Z","dependency_job_id":"e9e21ad7-410c-4d63-a77f-4163a2085f58","html_url":"https://github.com/CodeLikeAGirl29/shopping-list-js","commit_stats":null,"previous_names":["codelikeagirl29/shopping-list-js"],"tags_count":0,"template":false,"template_full_name":null,"purl":"pkg:github/CodeLikeAGirl29/shopping-list-js","repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/CodeLikeAGirl29%2Fshopping-list-js","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/CodeLikeAGirl29%2Fshopping-list-js/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/CodeLikeAGirl29%2Fshopping-list-js/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/CodeLikeAGirl29%2Fshopping-list-js/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/CodeLikeAGirl29","download_url":"https://codeload.github.com/CodeLikeAGirl29/shopping-list-js/tar.gz/refs/heads/main","sbom_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/CodeLikeAGirl29%2Fshopping-list-js/sbom","scorecard":null,"host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":272160241,"owners_count":24883779,"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-08-26T02:00:07.904Z","response_time":60,"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":["bootstrap","interactive","js","project","shopping-cart"],"created_at":"2024-12-05T02:07:33.920Z","updated_at":"2026-05-09T06:04:59.740Z","avatar_url":"https://github.com/CodeLikeAGirl29.png","language":"HTML","funding_links":[],"categories":[],"sub_categories":[],"readme":"# Shopping Cart\n\n**Project Description: Shopping List with JavaScript and Bootstrap**\n\n\u003e live link can be found [here](https://keen-belekoy-5d5bcf.netlify.app/)\n\nWelcome to the Shopping List project, a hands-on coding challenge designed for [Altcademy](https://www.altcademy.com/classroom/courses/jqueryium/assignments/6567b0747c1c9a0002aceee2) bootcamp participants. In this project, you'll be creating a dynamic and interactive shopping list application using JavaScript and Bootstrap.\n\n![screenshot](https://res.cloudinary.com/codelikeagirl29/image/upload/v1704523337/projects/Shopping-Cart_e6gg6q.png)\n\n## **Project Overview:**\nIn this project, you will build a web-based shopping list application that allows users to add items, specify quantities, and view the total cost of their shopping cart. The application will feature a responsive and user-friendly interface using the Bootstrap framework, ensuring a seamless experience across different devices.\n\n## **Key Features:**\n\n1. **Item Management:**\n\n   - Users can add items to their shopping list by providing the item name and its price.\n   - The application will dynamically update the list, displaying each item, its price, and a quantity input for users to specify how many of each item they want to purchase.\n\n2. **Interactive Quantity Input:**\n\n   - Each item in the shopping list will have an associated quantity input field, allowing users to easily adjust the quantity of items they wish to purchase.\n   - Real-time updates will be reflected in the subtotal for each item as users modify the quantity.\n\n3. **Dynamic Subtotals:**\n\n   - The application will automatically calculate and display the subtotal for each item based on its price and the specified quantity.\n   - Users will have a clear overview of the total cost of each item in their shopping cart.\n\n4. **Total Price Display:**\n\n   - A dedicated section will showcase the total price of all items in the shopping cart, providing users with a comprehensive view of their anticipated expenses.\n\n5. **Responsive Design with Bootstrap:**\n   - Utilize Bootstrap's responsive grid system and components to ensure a visually appealing and mobile-friendly shopping list application.\n\n### **Learning Goals:**\n\n- Gain proficiency in manipulating the DOM with JavaScript to create dynamic and interactive web pages.\n- Implement event handling to respond to user interactions such as adding items and adjusting quantities.\n- Practice utilizing Bootstrap for building a responsive and aesthetically pleasing user interface.\n\n### **Prerequisites:**\n\n- Basic understanding of HTML, CSS, and JavaScript.\n- Familiarity with Bootstrap for creating responsive web pages.\n\nEmbark on this exciting project to enhance your front-end development skills, and have a hands-on experience in building a practical application that simulates a real-world shopping list. Happy coding!\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fcodelikeagirl29%2Fshopping-list-js","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fcodelikeagirl29%2Fshopping-list-js","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fcodelikeagirl29%2Fshopping-list-js/lists"}