Michael Treanor

Build Status

Coveralls github

Coverage Status

code style: prettier Greenkeeper badge

This is a portfolio produced as a record of my career transition from science and education towards software development and data visualization. I have an odd mix of experiences that I hope will be appreciated as useful and original designs.

The majority of my open source work is done under the MIT license unless otherwise noted. Enjoy.

Build Setup

nuxt.js build

Why Nuxt.js? I had not done frontend development in a while so I wanted to choose something that is popular, compatible and current in order to make this a valuable example. After surveying the options, I had to choose between React, Angular, Vue, Flask, Django, Laravel, and Rails. I am not learning Ruby and I haven’t used PHP in a while since picking up Python to round out my skillset. I don’t want something overly complicated with a long learning curve. My major focus is not frontend work.

This led me to deciding whether my main focus would be on node.js or python for this project. I think the assets and the community would lend itself to javascript more than python in this case. I will make something else as a python backend focusing more on AI, ML, and data visualization. I can also throw together a quick example of a php LAMP site without a framework quicker than I can learn one as an example of a database / e-commerce site.

The way I chose between the javascript frameworks was to see who was most active online, visit their pages, watch their videos, and interact on twitter. It was immediately obvious to me that the most creative and design focused people are very excited about Vue.js paired with Nuxt.js to generate static, responsive, or full web apps.

React looks fun, angular looks tedious, ember looks sleek, but nuxt.js is like Red Bull for javascript.

Here is a great article: 10 reasons to use Nuxt.js for your next web application

# install dependencies
$ npm run install

# serve with hot reload at localhost:3000
$ npm run dev

# build for production and launch server
$ npm run build
$ npm run start

# generate static project
$ npm run generate

For detailed explanation on how things work, checkout Nuxt.js docs.


Acknowledgments and Inspiration:

“We stand on the shoulders of giants.”

The pages herein are highly influenced by other members of the design, coding, and creative communities. I have tried to include credit where it is due. If I have left anyone out, I apologize. Please get in touch and I will make corrections.

Recent General Inspiration to me:

Inspiration from prior generations:

Inspirational Projects and Sources:

Data Sources


I was lucky and priviledged enough to get my MacBook from an education grant through a generous donation by Visine, a division of J&J.

Teachers get little recognition and few rewards. I am tremendously thankful to have been recognized as a leader in Educational Technology.

Macbook Pro 15-inch, mid 2015, Retina, MagSafe 2, 16gig ram, SSD, Core i7 - I love it

Past projects (ancient history - late 1970s to early 1980s during the time I was about 6 to 14 years old)

Sparkling Ball of Interesting Things

Build Setup

# install dependencies
$ yarn install

# serve with hot reload at localhost:3000
$ yarn dev

# build for production and launch server
$ yarn build
$ yarn start

# generate static project
$ yarn generate

For detailed explanation on how things work, checkout Nuxt.js docs.