/react-router-vending-machine

A simple vending machine application built with React and React Router.

Primary LanguageJavaScript

Vending Machine

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.