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

An E-Commerce Webpage with Add To Cart Facility made with HTML, CSS & JavaScript.
https://github.com/himanshukr7/techno-bazaar

css3 html5 javascript

Last synced: 4 months ago
JSON representation

An E-Commerce Webpage with Add To Cart Facility made with HTML, CSS & JavaScript.

• Host: GitHub
• URL: https://github.com/himanshukr7/techno-bazaar
• Owner: himanshuKr7
• Created: 2024-07-12T06:55:21.000Z (12 months ago)
• Default Branch: main
• Last Pushed: 2025-01-30T07:43:30.000Z (5 months ago)
• Last Synced: 2025-01-30T08:27:34.754Z (5 months ago)
• Topics: css3, html5, javascript
• Language: HTML
• Homepage: https://techno-bazaar.netlify.app/
• Size: 8.28 MB
• Stars: 0
• Watchers: 1
• Forks: 0
• Open Issues: 0
• Metadata Files:
  • Readme: README.md

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!