Category Archives: Project Log

My collection of web development projects.

Puff Finder

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.

Core Technologies

  • Vue CLI
  • Vuidget – Vue.js embeddable widget
  • Bootstrap 4, Bootstrap Vue
  • RapidAPI

SleepScore Article Generator

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.

Core Technologies

Article Generator

  • Angular 6
  • Angular PWA
  • Bootstrap 4
  • Gulp
  • Font Awesome
  • ngx color picker

Widget Embed

The code used via cut/paste also had to be built. The widget itself is a JavaScript embed. The logic is primarily DOM creation with jQuery alongside the Module Pattern as described by Addy Osmani.

SleepScore Animated Aura

A reusable JavaScript animation I developed for web and mobile platforms. This is currently the visual centerpiece of the SleepScore App available for FREE on iOS and Android.

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.

Core Technologies

  • jQuery v3
  • Sass
  • Gulp

Bonus Video (as seen on Today with Hoda and Jenna)