Flask Vending Machine Simulator

This project simulates the user experience of interacting with a real vending machine — all inside your browser. Built with Flask, HTML, and CSS, it features interactive product previews and a keypad-based selection system.

---

Features

• Product catalog with hover-to-zoom effect
• Keypad input to simulate real-world vending machine controls
• User instructions modeled after real vending machines
• Built with Flask for simple routing and backend logic

---

---

How to Use It

Welcome to your virtual vending machine! Here's how to use it:

1. Browse Products: Hover over any product to zoom in and view it in more detail.
2. Select a Product: Note the product's ID number.
3. Use the Keypad: On the right-hand side, enter the product number and press the "Select" button.
4. Dispense: Your product will be "dispensed" and shown in the tray below. Pick it up and enjoy!

---

▶Getting Started

1. Clone the repository

   git clone https://github.com/Arts-HCS/flask-vending-machine.git
   cd flask-vending-machine
   

2. Create and activate a virtual environment

   python -m venv venv
   source venv/bin/activate
   

3. Run the Flask app

   flask run
   

4. Visit http://localhost:5000 in your browser.