Dylan
On

Web Developer

Nice to Meet You

Hello!

Dylan sitting on a red chair, smiling

Hi - My name is Dylan. I'm a Toronto-based web developer.

I love building the web. I'm a problem-solver, an abstract thinker, a power-user, and a team player. I'm always experimenting and learning - and I bring my love for exploration, problem solving, and creation to everything I do.

Check out some of my work below, and please get in touch!

Handcrafted Code

My Work

TPL Live

A bookish experiment with React, Redux, and WebSockets

Live feed of searches and browser stats from the Toronto Public Library website. Watch the distribution of browsers update as searches come in, or click a real-time search to explore results online at the Toronto Public Library. Data provided by Toronto Public Library Open Data.

Built with:

  • React
  • Redux
  • HTML5
  • CSS3
Froogle

A React application that helps people casually track their spending.

Track expenses easily - This application takes user input in a single text field, and intelligently recognizes and stores transaction data such as date, transaction amount, description, and category. Set budgets for each category, and check in to see how you're doing. Uses anonymous authentication (no log in required).

Built with:

  • React
  • JavaScript
  • HTML5
  • CSS3
Jobseeker

A React application that helps candidates stay on top of their search.

Log in, record a range of job application details, and generate a public sharing link to share your progress with mentors. Built collaboratively on GitHub.

Built with:

  • React
  • JavaScript
  • HTML5
  • CSS3
Doggo

A React application that helps users to take better care of their furry friends.

Log in with your Google account, add dog care actions you'd like to track, and record when you perform those actions with a simple tap. See the last date of each completed action at a glance, or review your full history by action.

Built with:

  • React
  • JavaScript
  • HTML5
  • CSS3
anyWiki

Universal wiki search and responsive reading tool

Search the text of any wiki built with MediaWiki, the free open source wiki package. The app automatically retrieves the correct API endpoint, performs a text search, returns results, and performs a responsive display of the selected article and its images.

Built with:

  • jQuery
  • JavaScript
  • HTML5
  • CSS3
Was I Sleeping?

Sleep data lookup tool - with real sleep data!

Get to know me better by exploring three years of my personal sleep data - Choose a date and time to check if I was asleep at that exact moment, how long I slept for, and how I rated my shut-eye.

Built with:

  • jQuery
  • JavaScript
  • HTML5
  • CSS3
PSD Conversion

Mobile responsive conversion from a desktop design

Developed with HTML5 & CSS3, ready for a client to review. Since mobile designs weren't provided, I made creative design decisions to adjust layout for small devices while staying true to the overall design.

Built with:

  • HTML5
  • CSS3

A Few of My Superpowers

Skills

  • JavaScript

    Up-to-date with the latest ES6 features: arrow functions, symbols, & more

  • React

    Experienced in the component lifecycle, routing, & state management

  • Firebase

    Real-time database, password & federated identity authentication

  • jQuery

    DOM manipulation, communicating with APIs

  • HTML5

    Clean, semantic, accessible markup for the modern web

  • CSS3

    More than just aesthetics. Floats, flexbox, grid - Take your pick!

  • Web Accessibility Requirements

    User-focused, informed approach to creating every project

  • Sass

    Smart, modular, maintainable styling with mixins & variables

  • Git

    Version control & collaboration

  • GitHub

    Collaborative development workflow, managing remotes

  • Gulp

    Workflow automation & JavaScript tooling

  • Visual Studio Code

    Efficient development with Emmet & snippets

Get in Touch

Contact

Or

hey@dylanon.com