Skip to content

Latest commit

 

History

History
54 lines (38 loc) · 1.89 KB

README.md

File metadata and controls

54 lines (38 loc) · 1.89 KB

Product Cart App

This is a Frontend Mentor challenge project where users can browse a list of products and add them to their cart. The cart dynamically updates as items are added or removed. This project was built to enhance frontend development skills.

Table of Contents

Overview

The Product Cart App is a simple frontend application where users can:

  • View a list of products.
  • Add products to a cart.
  • View the total quantity and price of items in the cart.
  • Expand and collapse the cart while viewing the product list.

This project demonstrates dynamic interactions with HTML, CSS, and JavaScript.

Features

  • Responsive Design: The app is fully responsive and works on desktop, tablet, and mobile devices.
  • Dynamic Cart Updates: The cart updates in real-time as users add or remove items.
  • Cart Expand/Collapse: The cart can be expanded or collapsed, with the background (product list) blurring for better focus.
  • User-Friendly Interface: Simple and easy-to-navigate UI design.

Technologies Used

  • HTML: For structuring the webpage.
  • CSS: For styling, including responsiveness.
  • JavaScript: For the cart functionality and dynamic updates.
  • Bootstrap (if used): For faster and more efficient UI design.
  • Git: For version control.
  • GitHub: For code hosting and collaboration.

Getting Started

To get a local copy of this project up and running, follow these steps:

Prerequisites

Ensure you have Git installed. You can download it from here.

Installation

  1. Clone the repository: 
    git clone https://github.com/mhd-shadad/Product-Cart-App.git