Liquorganizer is a clean, simple inventory system for bars, restaurants, and individuals alike. Liquorganizer consolidates inventory or personal liquor collection for easy organization.
- User should be able to add to inventory, using bottles.js model which includes spirit, brand, quantity, and notes
- User should be able to see a layout of flippable cards reflecting the current inventory on the home page
- User should be able to quickly add and remove the quantity of bottles from the home page
- User should be able to edit information and delete product when clicking on the link provided on the products card
Tools | Description |
---|---|
MongoDb | A source-available cross-platform document-oriented database program. Classified as a NoSQL database program, MongoDB uses JSON-like documents with optional schemas. |
Express | A minimal and flexible Node.js web application framework that provides a robust set of features for web and mobile applications. |
React | An open-source front-end JavaScript library for building user interfaces or UI components. It is maintained by Facebook and a community of individual developers and companies. |
Node.js | An open-source, cross-platform, back-end JavaScript runtime environment that runs on the V8 engine and executes JavaScript code outside a web browser. |
Bootstrap | Build responsive, mobile-first projects on the web with the world's most used front-end component library. |
Link to front end repo https://github.com/jthurber87/liquorganizer-front-end
Clone this front end repo
$ git clone git@github.com:jthurber87/liquorganizer-front-end.git
$ npm install
$ npm start
Clone the back end repo
$ git clone git@github.com:jthurber87/liquorganizer-back-end.git
$ npm install
$ npm start
- A feature that alerts the user of inventory status with visual cues such as green for stocked, yellow for low, and red for out of stock
- A feature that allows the user to sort and filter their inventory by spirit type and low quantity.
Jay Thurber Dae Young Hwang Isabel Luk
const incrementCount = async (id) => {
const updatedBottle = bottles.find(bottle => bottle._id === id);
try {
const response = await fetch('https://liquorganizer-back-end.herokuapp.com/bottles/' + id, {
method: 'PUT',
body: JSON.stringify({
...updatedBottle,
count: updatedBottle.count + 1
}),
headers: {
"Content-Type": "application/json"
}
})
const parsedBottle = await response.json();
setBottles(bottles => {
return bottles.map(item => (
item._id === id
? {
...parsedBottle,
count: parsedBottle.count
}
: item))
})
} catch (error) {
console.log(error)
}
}