Skip to content

Latest commit

 

History

History
145 lines (125 loc) · 3.61 KB

README.md

File metadata and controls

145 lines (125 loc) · 3.61 KB
Raw

Flybits Coffee Shop

A simple point-of-sale (POS) application for a coffee shop like Starbucks

Build Setup

# install dependencies
npm install

# serve with hot reload at localhost:8080
npm run dev

# build for production with minification
npm run build

# clean the production build
npm run clean

Models

Drink View

Item Model

  • Represents an item for sale by the
  • Contains Ingredient Class Array
  • Max Ingredients?
  • Contains Recipie Class
    • An Optional as either Null or a recipie
  • Contains Size
    • Weight class like XL , L , M, ... and associated size in ml
    • Might add specifically to drink class or atleast overwrite it
  • Tempurature
    • So far just enum of hot or cold
  • Price
    • Computed Recipie price / of sum ingredient price
    • Recipie price precedence
  • Name
    • Computed from Recipie or Custom
  • Description
    • From Recipie
  • Type
    • Type of item either being drink or food
    • Subclassing maybe?
  • CheckRecipie()
    • Checks If ingredients are recipie compliant
    • If not, searches for new reciepie
      • If None Found, cite as cutom / recipie "modified"
      • Additional ingredients might lead to Different Recipie
    • Checked after every addition / removal of an ingredient
  • AddIngredient()
    • Adds sign ingredient input into item array
    • Takes ingredient string keys and searches Ingedient Store
  • RemoveIngredient()
    • Reacts to remove event and removes ingredient
  • AddRecipie()
    • Takes in a recipie
    • Removes other recipie ingredients (base ingredients)
    • Using recipie key strings used Ingredient store and adds to ingredient array
  • RemoveRecipie()
    • Removes Ingredients that are base of the recipie
    • private as helper for Add Recipe

Recipie Model

  • Name
  • Description
  • Price
  • AddOn Limit?
    • This Price takes precendence over ingredient price sum
    • Extra ingredients add to the overall price
      • Taken Care of in Item Class
  • RecipieStyle Object
    • Contains UI stlyes applied when Recipie is selected
  • isSelected ?
    • computed boolean if in Item is in Current Item Object
  • Required Ingredients
    • List of Ingredient Key Strings
  • isRecipie()
    • Takes array of ingredients
    • Returns number of ingredients if match, 0 otherwise
      • Ingredients might match multiple recipies but the recipie that has the most of them will be picked
  • UnSuppotedIngredients ?

If ingredients are not avalible either show disabled or not show at all

Ingredient Model

  • Name
  • Description
  • Price
  • isSelected
    • If in the current Item
  • Type
    • Enum value of what that ingredient contributes to the item
    • Base Type
      • One of the main ingredients of a recipe
    • AddOn Type
      • General ingredients universal to most drinks like cream and suger
  • Ingredient Style
    • Icon / Image
      • Used For Ingredient Listing
    • Pattern / substance depiction image
      • Used for drink depiction on UI

If an ingredient is not avaliable not returned from api!

Components

Drink View

Split into 4 sections

Menu Component

  • List
  • List Item
    • Name
    • Icon
    • Add
    • Expand On Click
      • Show Description
      • Show Options
  • List Tabs
    • Recipies
    • Ingredients
    • AddOns
  • List Search?

Drink Image Component

Selection Component

  • List
  • List Items
    • Name
    • Icon
    • Remove
    • Percentage Of Drink?
    • Expand On Click
      • Show Description
      • Show Options
  • Size Chooser
  • Save Cutome Recipe?

####Shopping Cart (optional for multiple drinks)

References

Vue Cli Starter Code