Utilizing previous techniques on creating a VueJS embeddable web app, I decided to propose the same for the Cannabis industry.
Meet Puff Finder – a web tool for filtering standardized data of cannabis seed companies, strains, brands, products, batches, retailers, and studies.
This asset was made for Puff Provisions LLC, a news and media company based out of Southern California.
- Vue CLI
- Vuidget – Vue.js embeddable widget
- Bootstrap 4, Bootstrap Vue
Considering REST API calls for WordPress were available since version 4.7, to me this was an opportunity to make a new experience. I wanted to consume blog posts and reuse them.
My approach was to consume those posts into an interface which could be cut and pasted to any web page. The empowering feature would be that the user could customize the colors of the widget with just a few clicks. So I created an Angular 6 proof of concept in 2018 which I positioned to be an affiliate marketing tool for SleepScore Labs. Do note, this app never went into production.
However, because of its ability to promote the brand from as easy as a copy/paste, it inspired business development to think about integrating SleepScore offerings in other ways.
In 2019, the creation of B2B sleep programs for companies promoting health and wellness to their employees was realized and a new revenue stream for SleepScore Labs was established.
- Angular 6
- Angular PWA
- Bootstrap 4
- Font Awesome
- ngx color picker
The fundamentals for this were based on Addy Osmani’s explanation of The Module Pattern. A developer would call the object
Aura and pass in an object literal of key-values to kickstart the animation. I used gulp for build tasks such as minifying code. Then each platform could host the final build artifacts on their respective app.
Bonus Video (as seen on Today with Hoda and Jenna)