DEV Community

Cover image for Made a shopping cart web app using HTML, CSS and Javascript
Harshit Kedia
Harshit Kedia

Posted on

Made a shopping cart web app using HTML, CSS and Javascript

erent items, and the total amount along with the items is displayed on the cart page. The website is dynamic and allows editing the choice of items both on the store and on the cart page.

Link to the web app: https://shopping-cart-app-with-html-css-and-javascript.vercel.app/index.html

We have unique IDs of the shopping items whose details are stored in a js file, which behaves as a key for identifying the quantity, price, etc of the item which the user selects. Javascript is used to generate a loop which renders the details based on the HTML template designed.

Associated cards are dynamically programmed to identify specific elements, and results are rendered using the document object model (DOM). User’s selections are saved in the browser memory so that they reload after refresh.

Link to the source code: https://github.com/Harshitnitw/shopping-cart-app-with-HTML--CSS-and-Javascript

Thanks to Freecodecamp and the instructor Joy Shaheb for providing the learning opportunity. Associated tutorial: https://youtu.be/cT_ZYrS3tKc

It was delightful for me to be able to apply my own ideas to reduce redundancy, avoid unused code and apply alternative techniques to load the pages faster, to improve upon the tutor’s project, which enhanced my learning experience manyfolds!

Top comments (0)

Billboard image

The Next Generation Developer Platform

Coherence is the first Platform-as-a-Service you can control. Unlike "black-box" platforms that are opinionated about the infra you can deploy, Coherence is powered by CNC, the open-source IaC framework, which offers limitless customization.

Learn more

👋 Kindness is contagious

Immerse yourself in a wealth of knowledge with this piece, supported by the inclusive DEV Community—every developer, no matter where they are in their journey, is invited to contribute to our collective wisdom.

A simple “thank you” goes a long way—express your gratitude below in the comments!

Gathering insights enriches our journey on DEV and fortifies our community ties. Did you find this article valuable? Taking a moment to thank the author can have a significant impact.

Okay