Wave Mall Store is a fictional online shopping website for men's clothing. This repository contains the HTML, CSS, and JavaScript code that builds the website. It provides a user interface for browsing and purchasing various clothing items.
This website is designed using HTML, CSS, and JavaScript. It features a simple and intuitive user interface to showcase different men's clothing items available for purchase. Users can browse through the collection, view details, and add items to their cart.
- View a collection of men's clothing items.
- Each item displays an image, name, price, and description.
- Add items to the shopping cart.
- View the number of items in the cart in the navigation bar.
- Browse between different pages (not shown in the provided code).
To run the website locally, follow these steps:
- Clone the repository to your local machine.
- Open the project folder in Visual Studio Code or any code editor of your choice.
The website is built using the following technologies:
HTML
CSS
JavaScript
- Open the
index.html
file in your web browser to access the website. - Browse through the collection of clothing items.
- Click on an item to view its details.
- Click on the "Add to Cart" button to add the item to your shopping cart.
Please note that this is a frontend-only implementation, and it doesn't include server-side functionalities like payment processing.
The main.js
file contains an array called shopItemsData
, which represents the available clothing items on the website. Each item in the array has the following properties:
id
: A unique identifier for the item.name
: The name of the clothing item.price
: The price of the item.desc
: A brief description of the item.img
: The file path to the image representing the item.
You can modify this array or add more items to customize the website's inventory.
We welcome contributions to enhance the website and add new features. If you find any issues or have ideas for improvements, please submit a pull request or open an issue.