ποΈ Myntra Functional Clone
This is a functional front-end clone of Myntra, built using HTML, CSS, and JavaScript.
The project replicates key shopping features like browsing products, viewing details, and adding/removing items from the cart (bag).
π Features
- β Home Page with navbar, search bar, categories, and banner
- β Product Listing (items displayed dynamically using JavaScript)
- β Product Details (company, name, price, discount, rating, delivery info)
- β Shopping Bag (add/remove items and view summary)
- β Responsive Design using CSS
π οΈ Tech Stack
- HTML5 β Structure
- CSS3 β Styling & Layout
- JavaScript (ES6) β Functionality & Dynamic Content
βββ css/ β βββ index.css # Styling for home/product page β βββ bag.css # Styling for shopping bag βββ data/ β βββ items.js # Product data (images, price, details) βββ images/ # Product and logo images βββ scripts/ β βββ index.js # Handles product listing & interactions β βββ bag.js # Handles cart functionality βββ pages/ β βββ bag.html # Shopping bag page β βββ index.html # Home/product listing page
π How to Run
- Clone the repository
git clone https://github.com/your-username/myntra-clone.git
Open index.html in your browser
Browse products, add them to the bag, and view the summary π
π Acknowledgement
This project is for learning purposes only. All product names and brand logos belong to Myntra.