|| Beer Haus Tap Room - With Redux ||
___________________________
By: Chloe Hellberg
Built November 21st, 2020, Revisited December 4th, 2020
This project utilizes React to create an imaginary tap room where a bar can store and track their kegs. Application allows a user to:
- See full list/menu of all available kegs.
- Submit a form to add a new keg to the list.
- Ability to click on a keg to see its details.
- For Each Keg: See its name, brand, price, quantity and style/type.
- See how many pints are left in a keg (full keg has roughly 124 pints).
- Ability to click a button on each keg to sell a pint of it and quantity of keg will descrease the number of pints left by 1. Pints should not be able to go below 0.
- Ability to "restock" keg once keg is empty and hits 0 pints.
- Keg will update to say "Almost Empty" when it hits 10 pints left and "Out of Stock" when it hits 0 pints left.
- None known yet. Please report if you discover any.
To view or edit the document which may include some HTML code, you will need an code editor or text editor. The popular open-source choices for an code editor are Atom and VisualStudio Code.
- Code Editor Download:
- Option 1: Atom
- Option 2: VisualStudio Code
- Click the download most applicable to your OS and system.
- Wait for download to complete, then install -- Windows will run the setup exe and macOS will drag and drop into applications.
- Optionally, create a GitHub Account
- Click 'Clone or download' to reveal the HTTPS url ending with .git and the 'Download ZIP' option.
- Open up your system Terminal or GitBash, navigate to your desktop with the command:
cd Desktop, or whichever location suits you best. - Clone the repository to your desktop:
$ git clone https://github.com/chloehellberg/TapRoomRedux - Run the command
cd tap-roomto enter into the project directory. - View or Edit:
- Code Editor - Run the command
atom .orcode .to open the project in Atom or VisualStudio Code respectively for review and editing. - Text Editor - Open by double clicking on any of the files to open in a text editor.
- Code Editor - Run the command
- In the project directory (tap-room), type
npm startto run the application in development mode. Open http://localhost:3000 to view it in the browser. Page will reload if you make edits. You will also see any lint errors in the console.
- Click 'Clone or download' to reveal the HTTPS url ending with .git and the 'Download ZIP' option.
- Click 'Download ZIP' and extract the directory to whichever location suits you best.
- Open by double clicking on any of the files to open in a text editor.
- This project was bootstrapped with Create React App.
- You can learn more in the Create React App documentation.
- To learn React, check out the React documentation.
| Author | GitHub | |
|---|---|---|
| Chloe Hellberg | chloehellberg | chloe.hellberg@gmail.com |
If you have any feedback or concerns, please contact one of the contributors.
This project is licensed under the MIT License. Copyright (C) 2020 Chloe Hellberg. All Rights Reserved.
MIT License
Permission is hereby granted, free of charge, to any person obtaining a copy
of this software and associated documentation files (the "Software"), to deal
in the Software without restriction, including without limitation the rights
to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
copies of the Software, and to permit persons to whom the Software is
furnished to do so, subject to the following conditions:
The above copyright notice and this permission notice shall be included in all
copies or substantial portions of the Software.
THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
SOFTWARE.
Return to Top