chore: More detailed README made

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.