From 7c005f86e1a082e4eb35b0960b4d18af88c30b19 Mon Sep 17 00:00:00 2001 From: Naveen Prajapati Date: Tue, 17 Sep 2024 14:33:14 +0530 Subject: [PATCH 1/3] readme.md updated --- Cart.css | 2 +- Cart.js | 4 ++-- README.md | 40 ++++++++++++++++++++++++++++++++++++++-- index.css | 5 ++--- 4 files changed, 43 insertions(+), 8 deletions(-) diff --git a/Cart.css b/Cart.css index 98bc5c7..df285b1 100644 --- a/Cart.css +++ b/Cart.css @@ -387,7 +387,7 @@ header{ } .button--1:hover{ background-color: black; - color: #F4F5F7;!important; + color: #F4F5F7 !important; } diff --git a/Cart.js b/Cart.js index e486882..fa256ae 100644 --- a/Cart.js +++ b/Cart.js @@ -59,7 +59,7 @@ let AddtoCart = (ev) =>{ // console.log(cart) } let AddListeners = ()=>{ - for(let i =0;i{ AddListeners(); }); -} +}} diff --git a/README.md b/README.md index 3f636aa..3be2f58 100644 --- a/README.md +++ b/README.md @@ -1,2 +1,38 @@ -# Carto -It’s a frontend design for shopping website with basic Html,CSS and JavaScript. +# Shopping Cart Management Project + +This project is a simple shopping cart management system built with JavaScript. Users can add, remove, and delete items from their cart, and the cart state is saved in `localStorage`, ensuring that cart data persists even after page reloads. + +## Table of Contents + +- [Introduction](#introduction) +- [Features](#features) +- [Installation](#installation) +- [Usage](#usage) +- [Screenshots](#screenshots) +- [Technologies Used](#technologies-used) +- [Contributing](#contributing) +- [License](#license) + +## Introduction + +The Shopping Cart Management Project is a lightweight web application that allows users to manage a cart by adding, removing, and deleting items. The state of the cart is saved in `localStorage`, ensuring a persistent user experience. This project serves as a great example for understanding cart functionality in an e-commerce environment. + +## Features + +- Add items to the cart with a quantity selector. +- Remove items or decrease item quantity. +- Delete items entirely from the cart. +- Persistent cart saved to `localStorage` for future access. +- Simple and user-friendly UI for managing cart items. + +## Installation + +### Prerequisites + +To run this project locally, you need to have a modern browser that supports JavaScript and access to a basic web server (optional for local testing). + +### Setup + +1. Clone the repository: + ```bash + git clone https://github.com/your-username/your-repository.git diff --git a/index.css b/index.css index e313e23..409f0d1 100644 --- a/index.css +++ b/index.css @@ -242,7 +242,7 @@ header{ color: #FFF; text-decoration: none; text-transform: lowercase; - //background-image: linear-gradient(120deg, transparent 0%, transparent 50%, #FFF 50%); + background-image: linear-gradient(120deg, transparent 0%, transparent 50%, #FFF 50%); background-size: 230%; transition: all .4s; } .navigation__link:link span, .navigation__link:visited span { @@ -502,11 +502,10 @@ input{ /*---RESPONSIVE DESIGN---*/ /*---------BODY---------*/ - body @media only screen and (max-width: 56.25em) { body { font-size: 50%; - padding: 0; } } + padding: 0; } } @media only screen and (max-width: 1100px) { /*---------LOGO---------*/ From 339bcba4c6463a290dbff707f35bf0b5a7237924 Mon Sep 17 00:00:00 2001 From: Naveen Prajapati Date: Tue, 17 Sep 2024 14:37:53 +0530 Subject: [PATCH 2/3] updated Readme.md --- README.md | 14 +++++--------- 1 file changed, 5 insertions(+), 9 deletions(-) diff --git a/README.md b/README.md index 3be2f58..4ed93b7 100644 --- a/README.md +++ b/README.md @@ -6,12 +6,10 @@ This project is a simple shopping cart management system built with JavaScript. - [Introduction](#introduction) - [Features](#features) -- [Installation](#installation) -- [Usage](#usage) -- [Screenshots](#screenshots) -- [Technologies Used](#technologies-used) -- [Contributing](#contributing) -- [License](#license) +- [Prerequisites](#usage) +- [Setup](#setup) + + ## Introduction @@ -25,8 +23,6 @@ The Shopping Cart Management Project is a lightweight web application that allow - Persistent cart saved to `localStorage` for future access. - Simple and user-friendly UI for managing cart items. -## Installation - ### Prerequisites To run this project locally, you need to have a modern browser that supports JavaScript and access to a basic web server (optional for local testing). @@ -35,4 +31,4 @@ To run this project locally, you need to have a modern browser that supports Jav 1. Clone the repository: ```bash - git clone https://github.com/your-username/your-repository.git + git clone https://github.com/JS-Knights/Carto.git From 932d7ceb5ec2c2961bbf0207330066dd83404a5e Mon Sep 17 00:00:00 2001 From: Naveen Prajapati Date: Tue, 17 Sep 2024 14:46:30 +0530 Subject: [PATCH 3/3] adding new info --- README.md | 10 +++++++++- 1 file changed, 9 insertions(+), 1 deletion(-) diff --git a/README.md b/README.md index 4ed93b7..6c85a72 100644 --- a/README.md +++ b/README.md @@ -6,8 +6,9 @@ This project is a simple shopping cart management system built with JavaScript. - [Introduction](#introduction) - [Features](#features) -- [Prerequisites](#usage) +- [Prerequisites](#prerequisites) - [Setup](#setup) +- [Usage](#usage) @@ -32,3 +33,10 @@ To run this project locally, you need to have a modern browser that supports Jav 1. Clone the repository: ```bash git clone https://github.com/JS-Knights/Carto.git + +### Usage + +- Add items to your cart by clicking the plus button. +- Remove items by clicking the minus button. +- Delete items by using the delete button. +- The cart will update dynamically and save the state to localStorage.