It'
s a habit tracking app. Set tasks you want to complete on a week by week basis,
and let the app take care of the rest! It was designed on Figma and developed in Swift.
It'
s available on the App Store! It'
s my first app development project, but it'
s
also an app I wanted to use for myself, so I had to make it worth downloading!
01
I like to think I'
m very goal-oriented, but sometimes, that means I lose
sight of the little things of my life and start to get carried away with the big picture. New Years
resolutions and self-care quickly fall into lower priorities, despite how much I promised myself it would
be different. I need to build a habit and cover both sides. I scoured the App Store and Notion templates,
and as visual and advanced as some of them were, they never worked past a couple weeks. I needed something simple,
something effective, and something for me.
And who better to provide such a product than me? So I did just that. I listed my needs,
my wants, my gripes, and I got to work. I designed the whole thing on Figma, and it seemed like just what I needed.
But a prototype is nothing without an app. I'
d never developed an app before, nor done any backend functionality, so
everything was new. If only I had a decent habit tracking app, I might'
ve taught myself sooner!
After a couple of back-to-back updates, the app is finally finished! Aside from only one feature, I was able
to implement everything I designed, and I even added a few changes that I came up with during development! You'
re free to go
to the App Store and check out the app yourself, but be sure to look out for any updates down the line. In the meantime, here'
s
everything you need to know about the project:
02
Instead of telling you everything, the app only cares about what needs to get done today. Everything you “need to do” contributes to your daily progress at the top, and everything you “should do” acts as a head start, contributing to future tasks later in the week.
Another feature is “double or nothing.” If you don'
t hit 100% the prior week, the app gives you a chance to fulfill your missed
tasks by giving you the option to work extra hard this week.
That way, if you'
re really productive, you'
ll be rewarded for it. And if you aren'
t,
that'
s okay too! After all, it takes time to create a habit.
03
View how consistent you are in weekly and monthly spans. By only keeping track of daily requirements and streaks, it makes it all feel far more manageable.
04
Aside from building habits each week, you can set broader goals to follow throughout longer periods of time.
Sometimes you want to accomplish multiple big projects at once, but you can'
t always commit to doing them all weekly. Or maybe
you'
ve got a milestone in mind, but you need to break it up into smaller sections.
By combining your weekly habits with your long-term goals, you can focus on what'
s important each day without losing sight of your vision.
05
Good design makes for good code. You can hack your way through until you get something pretty, or you can
design with the code in mind and create something clean, readable, and adaptable. I learned this very quickly. Sometimes, I flew through pages, just using my auto-layouts and
design system to develop exact replicas of my prototype. Other times, I got stuck making up for the shortcomings of a complicated, sloppy component. It seemed fine when I made it;
after all, I was the one developing the component, so it should be easy to figure out, right? Spoiler: it wasn'
t.
Development, like design, is also an iterative process. You try things out, you fail, you simplify, and eventually, you come up with new ideas. Luckily I'
m also a designer, so
it'
s pretty easy to whip up a wireframe and experiment on my own. In teams, though, I can see how these kinds of moments can fall through the cracks. I have a newfound appreciation
for development, especially with this app project. I know the experience will make me a better designer.
06
Naturally, you'
d want to see if I'
ve actually built this all out. So for your convenience,
I'
ve recorded a live demo of the app off of an iPhone 14 Pro Max. It'
s taken straight from the latest version of the app, so no hardcoded
assets were provided, and everything is dynamic and functioning as shown. I also recorded in dark mode, so you can see what that looks like, too.