diff --git a/README.md b/README.md index 3f636aa..5220661 100644 --- a/README.md +++ b/README.md @@ -1,2 +1,42 @@ # Carto -It’s a frontend design for shopping website with basic Html,CSS and JavaScript. + +Frontend prototype for a shopping/checkout experience built with plain HTML, CSS and JavaScript. + +## Overview + +This is a small client-side shopping cart and payment UI sample. It demonstrates basic layout, interactivity (add/remove items, cart summary), and a static checkout flow using vanilla JS. + +## Key Files + +- `index.html`, `index.css`, `index.js` — main demo site (root) +- `Cart.html`, `Cart.css`, `Cart.js` — cart-specific pages and styles +- `Payment.html`, `Payment.css` — payment/checkout UI +- `Data.json` — sample product/data used by the demo +- `toastr.js`, `toastr.css` — notification helper +- `img/` — images used by pages + +## Features + +- Static product listing and cart management +- Add/remove items, update quantities +- Cart summary with subtotal calculation + +## Preview + +Open `index.html` directly in your browser for a quick preview. For local server, run one of these commands from the project root: + +Python 3 built-in HTTP server: + +```bash +python3 -m http.server 8000 +# then open http://localhost:8000 in your browser +``` + +Node (http-server) if you have npm installed: + +```bash +npx http-server -p 8000 +# then open http://localhost:8000 +``` + +Or use VS Code Live Server extension and open the workspace root.