Liam Mackinnon

Full-Stack Developer and UI Designer

About

My name is Liam Mackinnon & I am a 26 year old fresh in my journey into computer programming. Prior to Software Development, I studied International Human Rights and Social Justice at Carleton University, and upon completing my degree my intention was to attend Law School. However, my mother passed from cancer I decided it was the "perfect" time to re-evaluate my direction. Fast forward a year, and as I am finishing up my BA at Carleton I break my back skiing in an accident. Although not something I would recommend to anyone, this turned out to be one of the most pivotal events in my life. Bedridden and forced to stay off my feet, I began exploring the world of Software Development. Everything I needed was at my fingertips, and lucky for me thats pretty much all I had left. Things rarely go exactly according to plan, and sometimes we take an unexpected detour to get the perspective we were missing.

Services

What I Deliver

Web Design

Experienced designing responsive and performant web layouts with the use of custom generated graphics.
Editing software: Adobe Photoshop & Illustrator

Quality Assurance

By engaging with the entire process of production, I am skilled at maintaining the desired quality and integrity of applications throughout.

System Diagnostics

History working with all 3 major OS (Windows, iOS, Linux) and diagnosing/repairing hardware deficiencies and software bugs.

Portfolio

Click a Category

Project Management

Confident assuming management of full-stack applications with a focus on AGILE development and MVC layout. Great at assessing team member's individual strengths and fostering involvement and development.

Frontend Development

Proficient with HTML, CSS, Javascript, jQuery, React, SASS, and a variety of third-party frameworks.
Currently learning: TypeScript

Backend Development

Comfortable working with Node.js, Python, Express, and SQL & NoSQL databases.
Currently learning: Ruby & GraphQL

Digital Clinic

Deployed Link
Appointify Digital Clinic
Roles: Full-Stack Developer, Project Management

Open Source full-stack application for booking doctor's appointments during COVID-19 restrictions. With Appointify, any clinic can enter their specific physician schedules into the database and have site fields populate accordingly. All logins validated through Passport.js.

View Repository
Live Update CryptoTracker
Roles: Full-Stack Developer, Project Management

This application tracks the current value of high-profile CryptoCurrency and blockchain technologies in real time and presents them on a dynamically populated graph. User's can similarly research current relevant news/podcasts in the field, and query for specific currencies.

View Repository

CryptoTracker

Deployed Link

Balls of War

Deployed Link
Balls of War
Roles: Project Management, Full Stack Developer, & UI Design

MERN-Stack Basketball card game based on the tabletop classic War. Built using create-react-app and handles authorization through PassportJS.

View Repository

Digital Clinic

Deployed Link
Appointify Digital Clinic
Roles: Full-Stack Developer, Project Management

Open Source full-stack application for booking doctor's appointments during COVID-19 restrictions. With Appointify, any clinic can enter their specific physician schedules into the database and have site fields populate accordingly. All logins validated through Passport.js.

View Repository
Live Update CryptoTracker
Roles: Full-Stack Developer, Project Management

This application tracks the current value of high-profile CryptoCurrency and blockchain technologies in real time and presents them on a dynamically populated graph. User's can similarly research current relevant news/podcasts in the field, and query for specific currencies.

View Repository

CryptoTracker

Deployed Link

Balls of War

Deployed Link
Balls of War
Roles: Project Management, Full Stack Developer, & UI Design

MERN-Stack Basketball card game based on the tabletop classic War. Built using create-react-app and handles authorization through PassportJS.

View Repository
MackBurger
Roles: Full-Stack Developer

Basic SQL CRUD application handled by custom ORM and deployed on Heroku with JawsDB. Also takes advantage of util's promisify method to remove Nodestyle callback functions.

View Repository

MackBurger

Deployed Link

Fitness Fanatic

Deployed Link
Fitness Fanatic
Roles: Full-Stack Developer

This application utilizes MongoDB to persist data in a NoSQL database. Users document their exercise logs, and then view them in a graphical representation.

View Repository
Express Note Taker
Roles: Full-Stack Developer

Using Express to serve our NodeJS server, this memo application allows the user to input, delete, and update notes to a persistent noSQL json database.

View Repository

Express-Note-Taker

Deployed Link

Budget Index

Deployed Link
Budget Index
Roles: Full-Stack Developer

This personal financing application allows users to input revenue and expenses in both online and offline states. Offline persistence is facilitated through IndexDB.

View Repository
SQL Employee Manager
Roles: Full-Stack Developer

This employee manager is supported by an SQL backend that tracks departments, employees, and employee roles. CRUD functions facilitated through Inquirer prompts.

View Repository

SQL Employee Manager

Demo Video

Team Profile Generator

Demo Video
Team Profile Generator
Roles: Full-Stack Developer

Using ES6 Classes this application takes input from Inquirer CLI and renders the resulting employee data output in a html directory.

View Repository
React Employee Directory
Roles: Full-Stack Developer

Using ReactJS as a FrontEnd framework this application utilizes state to *reactively* search through an employee directory to return results.

View Repository

React Directory

Deployed Link

Digital Clinic

Deployed Link
Appointify Digital Clinic
Roles: Full-Stack Developer, Project Management

Open Source full-stack application for booking doctor's appointments during COVID-19 restrictions. With Appointify, any clinic can enter their specific physician schedules into the database and have site fields populate accordingly. All logins validated through Passport.js.

View Repository
Live Update CryptoTracker
Roles: Full-Stack Developer, Project Management

This application tracks the current value of high-profile CryptoCurrency and blockchain technologies in real time and presents them on a dynamically populated graph. User's can similarly research current relevant news/podcasts in the field, and query for specific currencies.

View Repository

CryptoTracker

Deployed Link

Balls of War

Deployed Link
Balls of War
Roles: Project Management, Full Stack Developer, & UI Design

MERN-Stack Basketball card game based on the tabletop classic War. Built using create-react-app and handles authorization through PassportJS.

View Repository
MackBurger
Roles: Full-Stack Developer

Basic SQL CRUD application handled by custom ORM and deployed on Heroku with JawsDB. Also takes advantage of util's promisify method to remove Nodestyle callback functions.

View Repository

MackBurger

Deployed Link

Fitness Fanatic

Deployed Link
Fitness Fanatic
Roles: Full-Stack Developer

This application utilizes MongoDB to persist data in a NoSQL database. Users document their exercise logs, and then view them in a graphical representation.

View Repository
Express Note Taker
Roles: Full-Stack Developer

Using Express to serve our NodeJS server, this memo application allows the user to input, delete, and update notes to a persistent noSQL json database.

View Repository

Express-Note-Taker

Deployed Link

Budget Index

Deployed Link
Budget Index
Roles: Full-Stack Developer

This personal financing application allows users to input revenue and expenses in both online and offline states. Offline persistence is facilitated through IndexDB.

View Repository
SQL Employee Manager
Roles: Full-Stack Developer

This employee manager is supported by an SQL backend that tracks departments, employees, and employee roles. CRUD functions facilitated through Inquirer prompts.

View Repository

SQL Employee Manager

Demo Video

Team Profile Generator

Demo Video
Team Profile Generator
Roles: Full-Stack Developer

Using ES6 Classes this application takes input from Inquirer CLI and renders the resulting employee data output in a html directory.

View Repository
React Employee Directory
Roles: Full-Stack Developer

Using ReactJS as a FrontEnd framework this application utilizes React state to "reactively" search through an employee directory to return results.

View Repository

React Directory

Deployed Link

Contact Me

Questions? Here's how to reach me