Category Archives: Project Log

A collection of web development projects I’ve done for the organizations I’ve worked with.

Puff Map

A quick and easy data visualization made for Puff Provisions LLC, a news and media company based out of Southern California.

This web asset illustrates the current state of Cannabis legalization throughout the USA.

This asset is powered by JavaScript charting library, D3.js.

Core Technologies

  • D3.js

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.