EpubPress
- Service that allows you to create custom ebooks from your favorite sites/articles/blogs.
- Chrome extension to easily source content from your open tabs.
- Other libraries/clients in development.
- The evolution of Reedly!
Written with: Javascript, CSS, HTML, Chrome API, Google Compute Engine, NodeJS
swagger-inline
- Tool that allows you to inline your swagger with your code.
- Generates a swagger file by combining inlined swagger with a base swagger file.
Written with: Javascript, NodeJS
query-nownownow
- Small web-scraper for searching for people on http://nownownow.com.
- Built out of a hope to quickly find nearby people up to interesting things in the now.
Written with: NodeJS, Javascript
show-code
- UI library for making an HTML containers background the HTML from that container.
- You can see it working on every page of this site!
Written with: Javascript, CSS, HTML
haroldtreen.github.io
- You’re looking at it!
- Jekyll based site with some customization.
Written with: Javascript, HTML5, CSS, Markdown
readmeio-sync
- Tool for syncing local markdown files with readmeio.
- Allows you to version control your markdown files.
- Write docs in pure Markdown.
- Support for having a staging docs site.
Written with: Javascript, NodeJS
Autonomous Quadcopter
- Fourth year project at Queen’s.
- Developed software for a Quadcoptor which would allow it to autonomously follow the contours of a room.
- Worked with the ARDrone Quadcoptor and ROS libraries.
- The project received honourable mention on demo day.
Written with: C++, C (Arduino)
Reedly
- Project I developed and lead for the Queen’s Startup Summit in 2015.
- Created a website where users could curate personalized ebooks using RSS feeds and web links.
- Site allowed users to follow their favorite RSS feeds, groups articles into “books” and publish their books to a kindle.
- By the end of the summit we were the only team to have fully developed and working MVP.
Written with: Ruby on Rails, Javascript, HTML5, CSS, jQuery
Cycling Vest
- Bike Share Toronto Hackathon 2014, I was the Android Developer for “Team Locus”.
- Project was a vest that could provide directions to cyclists using haptic feedback.
- Would make it easier for cyclists to navigate a city without the safety risks of using a phone while biking.
- Our project received 3rd place at the hackathon.
Written with: Java, C (Arduino)
Solomon Splits
- Provides couples in the middle of a break-up a fair way of splitting their things.
- Created in 24 hours for AngelHack Toronto 2014.
Written with: Ruby on Rails, Javascript, HTML5, CSS
Phone Addict
- A simple Android app for monitoring phone usage.
- The idea is to use the data to create a metric of the user’s “Phone Addiction”.
- Metrics could include: Length between checks, length of check, number of checks, number of pending notifications when check occurred.
Written with: Java (+ Robolectric for unit tests)
BackTrack
- Android app for tracking what you did during those nights you “don’t remember”.
- Would generate a timeline representation of your night showing where you went, what pictures you took, and what people were talking about.
- Prototype app built in 24 hours for the Queen’s Startup Summit 2013.
- The team finished in 3rd place (1000$ prize!)
Written with: Java
<div id="content" class="wrapper">
<article class="post">
<header class="post-header">
<h1 class="post-title">Projects</h1>
</header>
<div class="post-content">
<h3 id="epubpress"><strong>EpubPress</strong></h3>
<ul>
<li>Service that allows you to create custom ebooks from your favorite sites/articles/blogs.</li>
<li>Chrome extension to easily source content from your open tabs.</li>
<li>Other libraries/clients in development.</li>
<li>The evolution of <a href="#reedly">Reedly</a>!</li>
</ul>
<h5 id="written-with-javascript-css-html-chrome-api-google-compute-engine-nodejs">Written with: <em>Javascript, CSS, HTML, Chrome API, Google Compute Engine, NodeJS</em></h5>
<div class="info-badges">
<a class="badge" href="https://www.npmjs.com/package/epub-press-js">
<img alt="npm" src="https://img.shields.io/npm/v/epub-press-js.svg?maxAge=5592000">
</a>
<a class="badge" href="https://www.npmjs.com/package/epub-press-js">
<img alt="npm" src="https://img.shields.io/npm/dt/epub-press-js.svg?maxAge=5592000">
</a>
<a class="badge" href="https://chrome.google.com/webstore/detail/pnhdnpnnffpijjbnhnipkehhibchdeok">
<img alt="chrome" src="https://img.shields.io/chrome-web-store/v/pnhdnpnnffpijjbnhnipkehhibchdeok.svg?maxAge=5592000">
</a>
<a class="badge" href="https://chrome.google.com/webstore/detail/pnhdnpnnffpijjbnhnipkehhibchdeok">
<img alt="chrome" src="https://img.shields.io/chrome-web-store/users/pnhdnpnnffpijjbnhnipkehhibchdeok.svg?maxAge=5592000">
</a>
<a class="badge" href="https://chrome.google.com/webstore/detail/pnhdnpnnffpijjbnhnipkehhibchdeok">
<img alt="chrome" src="https://img.shields.io/chrome-web-store/rating/pnhdnpnnffpijjbnhnipkehhibchdeok.svg?maxAge=5592000">
</a>
<a class="badge" href="https://github.com/haroldtreen/epub-press-clients">
<img alt="github" src="https://img.shields.io/github/stars/haroldtreen/epub-press-clients.svg?maxAge=5592000">
</a>
<a class="badge" href="https://twitter.com/Epub_Press">
<img alt="twitter" src="https://img.shields.io/twitter/follow/Epub_Press.svg?maxAge=5592000">
</a>
</div>
<div class="info-icons">
<a href="https://epub.press">
<i class="fa fa-2x fa-globe">
</i>
</a>
<a href="https://www.npmjs.com/package/epub-press-js">
<i class="fa fa-2x fa-npm">
<svg width="500px" height="195px" viewBox="0 0 500 195" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" xmlns:sketch="http://www.bohemiancoding.com/sketch/ns">
<path d="M0,0 L500,0 L500,168 L250,168 L250,195 L139,195 L139,168 L0,168 Z M28.304251,139.493165 L83.536238,139.49349 L83.5362388,55.5592922 L111.304251,55.5592922 L111.304251,139.493491 L138.822477,139.493491 L138.822477,28.4929443 L28.304251,28.4929443 Z M166.333333,28 L166.666667,168 L221.666667,168 L221.666667,140.067308 L277.345845,140.067308 L277.345845,28 Z M221,55 L250,55 L250,112 L221,112 Z M305.333333,28 L305.333333,139 L360.664651,139 L360.664651,55.666008 L388.33133,55.666008 L388.33133,139.000547 L415.967888,139.000547 L415.967888,56 L443.664659,56 L443.664659,139 L471.338699,139 L471.338699,28 Z M305.333333,28" id="Rectangle 1"></path>
</svg>
</i>
</a>
<a href="https://chrome.google.com/webstore/detail/pnhdnpnnffpijjbnhnipkehhibchdeok">
<i class="fa fa-2x fa-chrome">
</i>
</a>
<a href="https://github.com/haroldtreen/epub-press-clients">
<i class="fa fa-2x fa-github">
</i>
</a>
<a href="https://twitter.com/Epub_Press">
<i class="fa fa-2x fa-twitter">
</i>
</a>
</div>
<hr>
<h3 id="swagger-inline"><strong>swagger-inline</strong></h3>
<ul>
<li>Tool that allows you to inline your swagger with your code.</li>
<li>Generates a swagger file by combining inlined swagger with a base swagger file.</li>
</ul>
<h5 id="written-with-javascript-nodejs">Written with: <em>Javascript, NodeJS</em></h5>
<div class="info-badges">
<a class="badge" href="https://www.npmjs.com/package/swagger-inline">
<img alt="npm" src="https://img.shields.io/npm/v/swagger-inline.svg?maxAge=5592000">
</a>
<a class="badge" href="https://www.npmjs.com/package/swagger-inline">
<img alt="npm" src="https://img.shields.io/npm/dt/swagger-inline.svg?maxAge=5592000">
</a>
<a class="badge" href="https://github.com/readmeio/swagger-inline">
<img alt="github" src="https://img.shields.io/github/stars/readmeio/swagger-inline.svg?maxAge=5592000">
</a>
</div>
<div class="info-icons">
<a href="https://www.npmjs.com/package/swagger-inline">
<i class="fa fa-2x fa-npm">
<svg width="500px" height="195px" viewBox="0 0 500 195" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" xmlns:sketch="http://www.bohemiancoding.com/sketch/ns">
<path d="M0,0 L500,0 L500,168 L250,168 L250,195 L139,195 L139,168 L0,168 Z M28.304251,139.493165 L83.536238,139.49349 L83.5362388,55.5592922 L111.304251,55.5592922 L111.304251,139.493491 L138.822477,139.493491 L138.822477,28.4929443 L28.304251,28.4929443 Z M166.333333,28 L166.666667,168 L221.666667,168 L221.666667,140.067308 L277.345845,140.067308 L277.345845,28 Z M221,55 L250,55 L250,112 L221,112 Z M305.333333,28 L305.333333,139 L360.664651,139 L360.664651,55.666008 L388.33133,55.666008 L388.33133,139.000547 L415.967888,139.000547 L415.967888,56 L443.664659,56 L443.664659,139 L471.338699,139 L471.338699,28 Z M305.333333,28" id="Rectangle 1"></path>
</svg>
</i>
</a>
<a href="https://github.com/readmeio/swagger-inline">
<i class="fa fa-2x fa-github">
</i>
</a>
</div>
<hr>
<h3 id="query-nownownow"><strong>query-nownownow</strong></h3>
<ul>
<li>Small web-scraper for searching for people on http://nownownow.com.</li>
<li>Built out of a hope to quickly find nearby people up to interesting things in the <strong>now</strong>.</li>
</ul>
<h5 id="written-with-nodejs-javascript">Written with: <em>NodeJS, Javascript</em></h5>
<div class="info-badges">
<a class="badge" href="https://www.npmjs.com/package/query-nownownow">
<img alt="npm" src="https://img.shields.io/npm/v/query-nownownow.svg?maxAge=5592000">
</a>
<a class="badge" href="https://www.npmjs.com/package/query-nownownow">
<img alt="npm" src="https://img.shields.io/npm/dt/query-nownownow.svg?maxAge=5592000">
</a>
<a class="badge" href="https://github.com/haroldtreen/query-nownownow">
<img alt="github" src="https://img.shields.io/github/stars/haroldtreen/query-nownownow.svg?maxAge=5592000">
</a>
</div>
<div class="info-icons">
<a href="https://www.npmjs.com/package/query-nownownow">
<i class="fa fa-2x fa-npm">
<svg width="500px" height="195px" viewBox="0 0 500 195" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" xmlns:sketch="http://www.bohemiancoding.com/sketch/ns">
<path d="M0,0 L500,0 L500,168 L250,168 L250,195 L139,195 L139,168 L0,168 Z M28.304251,139.493165 L83.536238,139.49349 L83.5362388,55.5592922 L111.304251,55.5592922 L111.304251,139.493491 L138.822477,139.493491 L138.822477,28.4929443 L28.304251,28.4929443 Z M166.333333,28 L166.666667,168 L221.666667,168 L221.666667,140.067308 L277.345845,140.067308 L277.345845,28 Z M221,55 L250,55 L250,112 L221,112 Z M305.333333,28 L305.333333,139 L360.664651,139 L360.664651,55.666008 L388.33133,55.666008 L388.33133,139.000547 L415.967888,139.000547 L415.967888,56 L443.664659,56 L443.664659,139 L471.338699,139 L471.338699,28 Z M305.333333,28" id="Rectangle 1"></path>
</svg>
</i>
</a>
<a href="https://github.com/haroldtreen/query-nownownow">
<i class="fa fa-2x fa-github">
</i>
</a>
</div>
<hr>
<h3 id="show-code"><strong>show-code</strong></h3>
<ul>
<li>UI library for making an HTML containers background the HTML from that container.</li>
<li>You can see it working on every page of this site!</li>
</ul>
<h5 id="written-with-javascript-css-html">Written with: <em>Javascript, CSS, HTML</em></h5>
<div class="info-badges">
<a class="badge" href="https://www.npmjs.com/package/show-code">
<img alt="npm" src="https://img.shields.io/npm/v/show-code.svg?maxAge=5592000">
</a>
<a class="badge" href="https://www.npmjs.com/package/show-code">
<img alt="npm" src="https://img.shields.io/npm/dt/show-code.svg?maxAge=5592000">
</a>
<a class="badge" href="https://github.com/haroldtreen/show-code">
<img alt="github" src="https://img.shields.io/github/stars/haroldtreen/show-code.svg?maxAge=5592000">
</a>
</div>
<div class="info-icons">
<a href="https://haroldtreen.github.io/show-code">
<i class="fa fa-2x fa-globe">
</i>
</a>
<a href="https://www.npmjs.com/package/show-code">
<i class="fa fa-2x fa-npm">
<svg width="500px" height="195px" viewBox="0 0 500 195" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" xmlns:sketch="http://www.bohemiancoding.com/sketch/ns">
<path d="M0,0 L500,0 L500,168 L250,168 L250,195 L139,195 L139,168 L0,168 Z M28.304251,139.493165 L83.536238,139.49349 L83.5362388,55.5592922 L111.304251,55.5592922 L111.304251,139.493491 L138.822477,139.493491 L138.822477,28.4929443 L28.304251,28.4929443 Z M166.333333,28 L166.666667,168 L221.666667,168 L221.666667,140.067308 L277.345845,140.067308 L277.345845,28 Z M221,55 L250,55 L250,112 L221,112 Z M305.333333,28 L305.333333,139 L360.664651,139 L360.664651,55.666008 L388.33133,55.666008 L388.33133,139.000547 L415.967888,139.000547 L415.967888,56 L443.664659,56 L443.664659,139 L471.338699,139 L471.338699,28 Z M305.333333,28" id="Rectangle 1"></path>
</svg>
</i>
</a>
<a href="https://github.com/haroldtreen/show-code">
<i class="fa fa-2x fa-github">
</i>
</a>
</div>
<hr>
<h3 id="haroldtreengithubio"><strong>haroldtreen.github.io</strong></h3>
<ul>
<li>You’re looking at it!</li>
<li>Jekyll based site with some customization.</li>
</ul>
<h5 id="written-with-javascript-html5-css-markdown">Written with: <em>Javascript, HTML5, CSS, Markdown</em></h5>
<div class="info-badges">
<a class="badge" href="https://github.com/haroldtreen/haroldtreen.github.io">
<img alt="github" src="https://img.shields.io/github/stars/haroldtreen/haroldtreen.github.io.svg?maxAge=5592000">
</a>
</div>
<div class="info-icons">
<a href="http://haroldtreen.github.io">
<i class="fa fa-2x fa-globe">
</i>
</a>
<a href="https://github.com/haroldtreen/haroldtreen.github.io">
<i class="fa fa-2x fa-github">
</i>
</a>
</div>
<hr>
<h3 id="readmeio-sync"><strong>readmeio-sync</strong></h3>
<ul>
<li>Tool for syncing local markdown files with <a href="https://readme.io/">readmeio</a>.</li>
<li>Allows you to version control your markdown files.</li>
<li>Write docs in pure Markdown.</li>
<li>Support for having a staging docs site.</li>
</ul>
<h5 id="written-with-javascript-nodejs-1">Written with: <em>Javascript, NodeJS</em></h5>
<div class="info-badges">
<a class="badge" href="https://www.npmjs.com/package/readmeio-sync">
<img alt="npm" src="https://img.shields.io/npm/v/readmeio-sync.svg?maxAge=5592000">
</a>
<a class="badge" href="https://www.npmjs.com/package/readmeio-sync">
<img alt="npm" src="https://img.shields.io/npm/dt/readmeio-sync.svg?maxAge=5592000">
</a>
<a class="badge" href="https://github.com/mobify/readmeio-sync">
<img alt="github" src="https://img.shields.io/github/stars/mobify/readmeio-sync.svg?maxAge=5592000">
</a>
</div>
<div class="info-icons">
<a href="https://www.npmjs.com/package/readmeio-sync">
<i class="fa fa-2x fa-npm">
<svg width="500px" height="195px" viewBox="0 0 500 195" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" xmlns:sketch="http://www.bohemiancoding.com/sketch/ns">
<path d="M0,0 L500,0 L500,168 L250,168 L250,195 L139,195 L139,168 L0,168 Z M28.304251,139.493165 L83.536238,139.49349 L83.5362388,55.5592922 L111.304251,55.5592922 L111.304251,139.493491 L138.822477,139.493491 L138.822477,28.4929443 L28.304251,28.4929443 Z M166.333333,28 L166.666667,168 L221.666667,168 L221.666667,140.067308 L277.345845,140.067308 L277.345845,28 Z M221,55 L250,55 L250,112 L221,112 Z M305.333333,28 L305.333333,139 L360.664651,139 L360.664651,55.666008 L388.33133,55.666008 L388.33133,139.000547 L415.967888,139.000547 L415.967888,56 L443.664659,56 L443.664659,139 L471.338699,139 L471.338699,28 Z M305.333333,28" id="Rectangle 1"></path>
</svg>
</i>
</a>
<a href="https://github.com/mobify/readmeio-sync">
<i class="fa fa-2x fa-github">
</i>
</a>
</div>
<hr>
<h3 id="autonomous-quadcopter"><strong>Autonomous Quadcopter</strong></h3>
<ul>
<li>Fourth year project at Queen’s.</li>
<li>Developed software for a Quadcoptor which would allow it to autonomously follow the contours of a room.</li>
<li>Worked with the <a href="http://ardrone2.parrot.com/">ARDrone Quadcoptor</a> and <a href="http://wiki.ros.org/">ROS libraries</a>.</li>
<li><strong>The project received honourable mention on demo day.</strong></li>
</ul>
<h5 id="written-with-c-c-arduino">Written with: <em>C++, C (Arduino)</em></h5>
<div class="info-badges">
<a class="badge" href="https://github.com/PaulWells/autonomous-quadcopter">
<img alt="github" src="https://img.shields.io/github/stars/PaulWells/autonomous-quadcopter.svg?maxAge=5592000">
</a>
</div>
<div class="info-icons">
<a href="https://youtube.com/watch?v=4bjT_CbUoTE">
<i class="fa fa-2x fa-youtube">
</i>
</a>
<a href="https://github.com/PaulWells/autonomous-quadcopter">
<i class="fa fa-2x fa-github">
</i>
</a>
</div>
<hr>
<h3 id="reedly"><strong>Reedly</strong></h3>
<ul>
<li>Project I developed and lead for the Queen’s Startup Summit in 2015.</li>
<li>Created a website where users could curate personalized ebooks using RSS feeds and web links.</li>
<li>Site allowed users to follow their favorite RSS feeds, groups articles into “books” and publish their books to a kindle.</li>
<li><strong>By the end of the summit we were the only team to have fully developed and working MVP.</strong></li>
</ul>
<h5 id="written-with-ruby-on-rails-javascript-html5-css-jquery">Written with: <em>Ruby on Rails, Javascript, HTML5, CSS, jQuery</em></h5>
<div class="info-badges">
<a class="badge" href="https://github.com/haroldtreen/reedly">
<img alt="github" src="https://img.shields.io/github/stars/haroldtreen/reedly.svg?maxAge=5592000">
</a>
</div>
<div class="info-icons">
<a href="https://github.com/haroldtreen/reedly">
<i class="fa fa-2x fa-github">
</i>
</a>
</div>
<hr>
<h3 id="cycling-vest"><strong>Cycling Vest</strong></h3>
<ul>
<li>Bike Share Toronto Hackathon 2014, I was the <strong>Android Developer for “Team Locus”</strong>.</li>
<li>Project was a vest that could provide directions to cyclists using haptic feedback.</li>
<li>Would make it easier for cyclists to navigate a city without the safety risks of using a phone while biking.</li>
<li><strong>Our project received 3rd place at the hackathon.</strong></li>
</ul>
<h5 id="written-with-java-c-arduino">Written with: <em>Java, C (Arduino)</em></h5>
<div class="info-badges">
</div>
<div class="info-icons">
</div>
<hr>
<h3 id="solomon-splits"><strong>Solomon Splits</strong></h3>
<ul>
<li>Provides couples in the middle of a break-up a fair way of splitting their things.</li>
<li>Created in 24 hours for AngelHack Toronto 2014.</li>
</ul>
<h5 id="written-with-ruby-on-rails-javascript-html5-css">Written with: <em>Ruby on Rails, Javascript, HTML5, CSS</em></h5>
<div class="info-badges">
<a class="badge" href="https://github.com/haroldtreen/Solomon">
<img alt="github" src="https://img.shields.io/github/stars/haroldtreen/Solomon.svg?maxAge=5592000">
</a>
<a class="badge" href="https://twitter.com/solomonsplits">
<img alt="twitter" src="https://img.shields.io/twitter/follow/solomonsplits.svg?maxAge=5592000">
</a>
</div>
<div class="info-icons">
<a href="http://solomonsplits.me/">
<i class="fa fa-2x fa-globe">
</i>
</a>
<a href="https://github.com/haroldtreen/Solomon">
<i class="fa fa-2x fa-github">
</i>
</a>
<a href="https://twitter.com/solomonsplits">
<i class="fa fa-2x fa-twitter">
</i>
</a>
</div>
<hr>
<h3 id="phone-addict"><strong>Phone Addict</strong></h3>
<ul>
<li>A simple Android app for monitoring phone usage.</li>
<li>The idea is to use the data to create a metric of the user’s “Phone Addiction”.</li>
<li>Metrics could include: Length between checks, length of check, number of checks, number of pending notifications when check occurred.</li>
</ul>
<h5 id="written-with-java--robolectric-for-unit-tests">Written with: <em>Java (+ Robolectric for unit tests)</em></h5>
<div class="info-badges">
<a class="badge" href="https://github.com/haroldtreen/PhoneAddict">
<img alt="github" src="https://img.shields.io/github/stars/haroldtreen/PhoneAddict.svg?maxAge=5592000">
</a>
</div>
<div class="info-icons">
<a href="https://github.com/haroldtreen/PhoneAddict">
<i class="fa fa-2x fa-github">
</i>
</a>
</div>
<hr>
<h3 id="backtrack"><strong>BackTrack</strong></h3>
<ul>
<li>Android app for tracking what you did during those nights you “don’t remember”.</li>
<li>Would generate a timeline representation of your night showing where you went, what pictures you took, and what people were talking about.</li>
<li>Prototype app built in 24 hours for the Queen’s Startup Summit 2013.</li>
<li><strong>The team finished in 3rd place (1000$ prize!)</strong></li>
</ul>
<h5 id="written-with-java">Written with: <em>Java</em></h5>
<div class="info-badges">
<a class="badge" href="https://github.com/haroldtreen/BackTrack">
<img alt="github" src="https://img.shields.io/github/stars/haroldtreen/BackTrack.svg?maxAge=5592000">
</a>
</div>
<div class="info-icons">
<a href="https://github.com/haroldtreen/BackTrack">
<i class="fa fa-2x fa-github">
</i>
</a>
</div>
</div>
</article>
</div>