This is a simple, clean product cart built with HTML, CSS and vanilla JavaScript.
It’s based on a project called Product List with Cart — from Frontend Mentor. The goal of this project is to turn a static design into accessible, modern code — and make it easy for anyone to customize or learn from. It’s mobile responsive and includes an interactive product cart.
This project is part of a free, open-source series focused on helping newer developers practice HTML/CSS with real-world examples.
🎥 Watch the build in action on my YouTube channel — or check out the project video to follow the full step-by-step process.
git clone [email protected]:angelajholden/product-list-with-cart.gitIf you're using VS Code, I recommend using the Live Server extension to run and view the site in your browser.
This project is released as an open-source, free-to-use static website template under the MIT License. You are welcome to use, modify, and distribute the code for personal or commercial projects, with or without attribution.
The visual design of this template was adapted from a project challenge on Frontend Mentor.
That asset was used in accordance with the Frontend Mentor License, which permits distribution of a finished end product for free, but does not allow redistribution of the original PSD or design source files.
- The code in this repository is 100% original and written by me.
- No Frontend Mentor source files are included in this repo.
- This project may not be resold, re-uploaded, or redistributed as a template or theme on marketplaces.
If you fork this project, please make sure your use complies with the terms of the ThemeForest license.