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!

Image of Docusign

Bring your solution into Docusign. Reach over 1.6M customers.

Docusign is now extensible. Overcome challenges with disconnected products and inaccessible data by bringing your solutions into Docusign and publishing to 1.6M customers in the App Center.

Learn more

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