https://github.com/hollyabrams/react-router-vending-machine
A simple vending machine application built with React and React Router.
https://github.com/hollyabrams/react-router-vending-machine
react react-router react-router-dom
Last synced: about 2 months ago
JSON representation
A simple vending machine application built with React and React Router.
- Host: GitHub
- URL: https://github.com/hollyabrams/react-router-vending-machine
- Owner: hollyabrams
- Created: 2023-04-06T17:49:25.000Z (about 3 years ago)
- Default Branch: main
- Last Pushed: 2023-04-06T18:00:55.000Z (about 3 years ago)
- Last Synced: 2025-09-10T12:24:54.021Z (10 months ago)
- Topics: react, react-router, react-router-dom
- Language: JavaScript
- Homepage:
- Size: 828 KB
- Stars: 0
- Watchers: 1
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
# React Vending Machine
This is a simple vending machine application built with React and React Router. It allows the user to view a list of snacks that they can get from the vending machine and click on them to view each individual snack.
## Installation
1. Clone the repository:
```
git clone https://github.com/hollyabrams/react-router-vending-machine.git
```
2. Change the directory into the project:
```
cd react-vending-machine
```
3. Install dependencies:
```
npm install
```
4. Start the development server:
```
npm start
```
## Dependencies
This project uses the following dependencies:
* React
* React Router
* React Router DOM
## Structure
The application consists of the following components:
* App: the root component that renders the Router and the VendingMachine component
* VendingMachine: the main component that displays a list of snacks that can be purchased from the vending machine.
* Snack: a component that displays information about a specific snack.