Skip to content

A simple Vending Machine simulation built with React.js where users can view products, select items, and simulate payments without any back-end server.

Notifications You must be signed in to change notification settings

sanjeevirajanramajayam/vending-machine-react

Repository files navigation

🛒 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:
    npm install

About

A simple Vending Machine simulation built with React.js where users can view products, select items, and simulate payments without any back-end server.

Topics

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published