https://github.com/sanjeevirajanramajayam/vending-machine-react
A simple Vending Machine simulation built with React.js where users can view products, select items, and simulate payments without any back-end server.
https://github.com/sanjeevirajanramajayam/vending-machine-react
reactjs vending-machine
Last synced: 5 months ago
JSON representation
A simple Vending Machine simulation built with React.js where users can view products, select items, and simulate payments without any back-end server.
- Host: GitHub
- URL: https://github.com/sanjeevirajanramajayam/vending-machine-react
- Owner: sanjeevirajanramajayam
- Created: 2024-12-07T10:44:15.000Z (10 months ago)
- Default Branch: master
- Last Pushed: 2025-04-11T06:26:11.000Z (6 months ago)
- Last Synced: 2025-04-11T08:31:28.067Z (6 months ago)
- Topics: reactjs, vending-machine
- Language: JavaScript
- Homepage: https://sanjeevirajanramajayam.github.io/VendingMachine/
- Size: 601 KB
- Stars: 1
- Watchers: 1
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
# 🛒 Vending Machine Simulation (React.js)
This is a simple **Vending Machine** simulation built with **React.js**. The app allows users to:
- View a list of available products
- Select a product to purchase
- Simulate payment by inserting coins
- Receive the selected product if the payment is correct
- View a summary of the transaction (product selected, total amount inserted, etc.)
## 🚀 Features
### User Features:
- View available products with names and prices
- Select a product to purchase
- Get the selected product if the payment is sufficient
### General Features:
- Simple, clean, and responsive UI using React components
## 📁 Tech Stack
- React.js
- React Hooks (useState, useEffect)
- CSS (for styling the UI)
## 💡 Purpose
This project is a basic simulation of a vending machine built entirely with React.js to demonstrate state management, user interaction, and component-based architecture in React.
## 🌱 How to Run
1. Clone the repository
2. Install dependencies:
```bash
npm install