Skip to content

Tanujanalage/Myntra-clone-using-Javascript

Folders and files

NameName
Last commit message
Last commit date

Latest commit

Β 

History

4 Commits
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 

Repository files navigation

πŸ›οΈ 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

πŸ“‚ Project Structure

β”œβ”€β”€ 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

  1. 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.

About

No description, website, or topics provided.

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published