mireie / tap-room

A one-day React project after one week of learning React. A mock inventory tracker for kegs for a taproom. Users can add kegs, decrease the qty of the keg by pints, and remove kegs.

React Tap Room

By Michael Reiersgaard

Technologies Used

• HTML
• CSS
• JavaScript
• React

Description

A one-day React project after one week of learning React. A mock inventory tracker for kegs for a taproom. Users can add kegs, decrease the qty of the keg by pints, and remove kegs.

Component Diagram

User Stories

• As a user, I want to see a list/menu of all available kegs. For each keg, I want to see its name, brand, price and alcoholContent (or perhaps something like flavor for a kombucha store).
• As a user, I want to submit a form to add a new keg to a list.
• As a user, I want to be able to click on a keg to see its detail page.
• As a user, I want to see how many pints are left in a keg. Hint: A full keg has roughly 124 pints.
• As a user, I want to be able to click a button next to a keg whenever I sell a pint of it. This should decrease the number of pints left by 1. Pints should not be able to go below 0.

Setup/Installation Requirements

• Create and enter a directory on your local machine for the project]
• Clone public repository from GitHub using git clone https://github.com/mireie/tap-room
• In the project directory, run npm install
• In the project directory, run npm run start

Links

• GitHub Repo

Known Bugs

• No known bugs at this time.

License

MIT

Copyright (c) 2021 Michael Reiersgaard

Contact Information

Michael Reiersgaard michael.reiersgaard [at] gmail.com