Derek Murr

Front-end developer

Derek Murr

Hello!

A front-end developer based in Toronto, I’m passionate about building projects that are useful, beautiful and accessible, using code that’s clean, performant and elegant. As developers, we can code something out of thin air that can make someone’s day a little better, and I love the challenge of figuring out how to do that. As a developer with extensive design experience, I can not only build things that look great: design is all about organizing information and problem-solving, which means I can take projects all the way from initial concept to final code.

When I’m not typing away in VS Code, I can usually be found exploring cities, watching low-budget movies, thinking about pancakes, or running unusually long distances for fun (while thinking about pancakes).

If you scroll down a bit, you’ll see a few projects I’ve worked on recently that I’m proud of and excited to share. And below that, you can see how to get in touch – if you’d like to work together or just want to chat, I’d love to hear from you. Thanks for stopping by!

Project: Brite Lites

ReactJS / JavaScript / Firebase / HTML / CSS

A fun digital toy, based on a popular children’s favourite: light up the bulbs in different colours to make a picture, save your creations and load them back later! This is the first project I made using React. It’s also fully responsive, with a smaller drawing area on mobile, and uses Firebase for the save/load functionality.

Screenshot of the Brite Lites app
Screenshot of The Wise Mist app

Project: The Wise Mist

ReactJS / JavaScript / HTML / CSS

An agency-style group project: as part of a team of four, we were tasked with building a game with “the 1980s in space” aesthetics where the player must navigate a maze to reach The Wise Mist, an all-knowing agender glow cloud that dispenses fortunes. With a brief like that, how could we not rise to the occasion? In less than a week we’d built a vaporwave dungeon-crawler in React that gets wisdom from a call to the Advice API.

Made by Soo Shim, Jonathan Tung, Jonathan McWilliam, and myself.

Project: Feels Like 45

jQuery / JavaScript / Leaflet.js / HTML / CSS

A paired programming project. Using an API call to get data from the City of Toronto's Open Data initiative, we built a web application that map every cooling centre the City opens to provide relief when a Dangerous Heat Alert is declared. Also pulls information from OpenStreetMaps and the Dark Sky weather API.

Made by Laura Chuang and myself.

Screenshot of the Feels Like 45 app
Screenshot of the Type Scale Generator app

Project: Type Scale Generator

jQuery / JavaScript / HTML / CSS

A handy tool to generate typographic scales, so developers can make projects that are visually harmonious without needing design training. Choose a scale and a typeface (dynamically loaded from Google Fonts), and the generator will calculate the sizes for all heading levels, body copy and small text, and allow the users to copy the CSS for their own use with one click. Why have I styled it to look like store signage from the former Honest Ed’s? Salemanship, that’s why.

Project: runningrats.com

jQuery / JavaScript / HTML / CSS

Site design and implementation for the Running Rats, a Toronto-based running club. Built to be lightweight, easy to update, stylish and friendly.

Screenshot of runningrats.com

Skills

  • HTML5
  • CSS3
  • JavaScript
  • ReactJS
  • jQuery
  • Responsive design
  • Web Accessibility

Tools

  • Git & GitHub
  • Sass
  • Firebase
  • Photoshop
  • Illustrator
  • InDesign
  • Sketch