Ecosyste.ms: Awesome

An open API service indexing awesome lists of open source software.

Awesome Lists | Featured Topics | Projects

https://github.com/himanshukr7/techno-bazaar

An eCommerce Webpage with AddToCart Facility made with html,css & javascript
https://github.com/himanshukr7/techno-bazaar

Last synced: 1 day ago
JSON representation

An eCommerce Webpage with AddToCart Facility made with html,css & javascript

Awesome Lists containing this project

README

        

# Techno Bazaar (https://techno-bazaar.netlify.app/)

Welcome to Techno Bazaar, an e-commerce website dedicated to the latest gadgets. This project showcases a simple e-commerce platform with add-to-cart functionality. The main goal is to provide users with an intuitive interface to browse and add gadgets to their cart, with all data stored locally using the browser's localStorage.

## Table of Contents
- [Images](#images)
- [Features](#features)
- [Technologies Used](#technologies-used)
- [Installation](#installation)
- [Contributing](#contributing)
- [License](#license)

## Images

Landing Page
![image](https://github.com/user-attachments/assets/b8b87992-26da-4dfa-9d1d-4ef95314ba0e)

Products Page
![image](https://github.com/user-attachments/assets/bcb019a8-a75a-4aaa-8574-87666327bcc3)
![image](https://github.com/user-attachments/assets/41ca5497-bb1d-4dab-94b1-c358e87d4a27)

Contact Page

![image](https://github.com/user-attachments/assets/8d4e50b9-9d78-4292-84ae-5a04a232cf6e)

AddToCart Page
![image](https://github.com/user-attachments/assets/5db01aac-98d3-49ed-a3b8-9a1514775ae6)

## Features
- Browse the latest gadgets
- Add gadgets to the shopping cart
- View items in the shopping cart
- Data persistence using localStorage

## Technologies Used
- HTML
- CSS
- JavaScript
- JSON

## Installation
To run this project locally, follow these steps:

1. Clone the repository:
```bash
https://github.com/himanshuKr7/Techno-Bazaar
```
2. Run the Command:
```bash
npm install vite
npm run dev
```

## Usage
1. Open `index.html` in your preferred web browser.
2. Browse through the list of gadgets.
3. Click the "Add to Cart" button to add items to your cart.
4. View your cart to see the items you have added and you can remove it from cart also.
5. You can increase and decrease the no. of quantity accordingly.

## Contributing
Contributions are welcome! If you have any suggestions or improvements, feel free to submit a pull request or open an issue.

## License
This project is licensed under the MIT License. See the [LICENSE](LICENSE) file for more details.

---
Made ♥ By Himanshu :)
Feel free to customize this README file according to your specific project needs!