building a TV display menu for dispensary using Greenbits API, epicodus JavaScript group project
Switch branches/tags
Nothing to show
Clone or download
Latest commit 8554129 May 1, 2018

Jeffrey's TV Menu Display - Greenbits API Project

Epicodus JavaScript Group Project

By Emily Wells Jiménez, Brandon Kudo, & Chris Turina



Web app for TV display(1920x1080) to show Jeffrey's Flower and Oil dispensary menu. This app uses Greenbits API v1 to display Jeffrey's product offering. The app consists of 4 main components. The start screen, the flower screen, the concentrate screen, and the preroll screen. Each menu item provides detailed product information like: strain name, flower type, thc/cbd test results, price, and more! For more information on Jeffrey's flower and oil, click here. For more information on Greenbits, check them out here.


Welcome Page Prerolls Page Flower Page Concentrates Page

Further Exploration

  • Name check character length method for long names that mess with tables in menu
  • Carouselling option for when product list goes over 60+ line items
  • Edibles/Topicals menu
  • Preroll menu rework for items that are come in different quantity amounts (ie: 2 pk, 3 pk, 5 pk, and .5 g vs 1 g amounts)
  • Rewrite program in Angular 2

Setup/Installation Requirements

  1. Clone this repository from Github in the terminal of your choice.

  2. Install node.js if you do not have it installed.

  3. To run the application and view in your preferred browser of choice, run the following commands once you're in the project directory in the terminal. 'npm install', 'bower install', 'gulp build', and 'gulp serve'. note Project will not build if you do not have a .env file set up with an API token. API tokens are available only to those who use the Greenbits POS software.

[UPDATE 5/1/18] 4. After demoing this product to prospective dispensaries it's come to my attention that this menu will not work unless you change the product IDs in the lookup-interface.js file. You will need to use postman to query your product IDs and then change the flowerID, prerollID, concentrateID, and cartridgeID variables located below line 743. Product IDs are unique and vary for each dispensary.

Known Bugs

If you press flower menu, then reload, and press concentrate menu the menu will load concentrates (wax shatter live resin) in the first column and then cartridges in the second column… should be vice versa. Work around is to hard reload the page if this happens.

Technologies Used


Jeffrey's TV Menu Display - Greenbits API Project is licensed under the Creative Commons Attribution-NonCommercial-ShareAlike License (CC BY-NC-SA) (as of 12/21/2017). For more information on this license, please checkout

Copyright (c) 2017 Emily Wells Jimenez (EWJ Consulting), Brandon Kudo, and Chris Turina

Contact Details

Interested in this product? Email,, or for more information.