Complete

Complete is a mac os app design to help users keep track of their deadlines.

Complete

Complete

Concept

My frustration started when I looked in my calendar and saw I only had 1 week left for a project. So I started thinking how I could prevent this. I came up with a Mac OS app to where you can track your deadlines.

Design process

I wanted a simple looking app to keep track of my deadlines. And I thought this could be a perfect occasion to learn Angular and Electron. I started with a design and coded all the styles and function into the app. Once I had all the functions I connected the app with Firebase and made sure I could store my deadlines in the cloud.

After connecting Firebase I started working on the animations.

Add a deadline

Add a deadline

Complete a deadline

Complete a deadline

Toggle menu deadline card

Toggle menu deadline card

Outcome

I’m quite happy with the results. I learned Angular and understand how I can implement Electron for Mac OS builds. The app itself could be beter. For instance the media queries aren’t working the way I like, but this is all fixable in a next version.

Next project

StaffTraveler