heyanik / add-to-cart

Home Page:https://add-to-cart-blue.vercel.app

Geek Repo:Geek Repo

Github PK Tool:Github PK Tool

Add to Cart

Note

Your focus will be on implementing an "Add to Cart" feature with a corresponding sidebar, enabling users to manage food items dynamically.

Requirements:

  • Develop a food item section with an "Add to Cart" button for each item.
  • Ensure that clicking the "Add to Cart" button adds the correct item to the cart.
  • Implement a sidebar that displays added items with options to adjust their quantity and delete items.
  • Employ JavaScript for handling cart operations, including addition, quantity adjustment, price calculations, and item removal.
  • Prevent duplicated additions by disabling the "Add to Cart" button for an item once added to the cart.
  • Perform all operations asynchronously using JavaScript, ensuring a seamless user experience without page reloads.
  • Avoid using CMS platforms like WordPress, Wix, or similar tools for this task.
Functionality JavaSriptc
Styling Tailwind, Bootstrap, CSS

Live URL : https://add-to-cart-blue.vercel.app/

Preview

31899f8e-aec5-4f79-bae7-e5fbc8242660.mp4

About

https://add-to-cart-blue.vercel.app


Languages

Language:JavaScript 51.7%Language:CSS 26.6%Language:HTML 21.7%