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!

AWS GenAI LIVE image

Real challenges. Real solutions. Real talk.

From technical discussions to philosophical debates, AWS and AWS Partners examine the impact and evolution of gen AI.

Learn more

Top comments (0)

A Workflow Copilot. Tailored to You.

Pieces.app image

Our desktop app, with its intelligent copilot, streamlines coding by generating snippets, extracting code from screenshots, and accelerating problem-solving.

Read the docs

👋 Kindness is contagious

Please leave a ❤️ or a friendly comment on this post if you found it helpful!

Okay