Creating an iOS App that lets you keep track of days left — Typezy

Save your favorite dates and events that you often forget

We often tend to age as the new year passes every year. We keep note of it that we are x years old.

How about your favorite items that you have purchased?

Want to know how many days that purchased item is with you?

Ah! Want to know when someone ghosted you? 😄

I was curious and wanted to make a list of favourite items that i purchased which displayed days as a unique feature that normal notes doesnt have.

Are you the person who forgets about persons Anniversary / Birthday ?

This happened to me a lot. So wanted to create a list that i can keep track of the favorite dates and days passed by.

This App named “Typezy” which is a personal project I created to help me get remember the things that I often forget.

Few features i chose to include is as follows :

👉🏼Save an Event Date. 👉🏼Review your Expenses. 👉🏼Days since you purchased. 👉🏼 Days completed so far. and would love to add more features later on.

All the data gets stored locally on personal device which doesn’t require any Internet Connection either. Thanks to SwiftData which is a framework developed by Apple.

UI Implementation:

Divided the UI into 3 Tab Sections which presents in the TabView

ExpenseList TAB , Home TAB , & EventList TAB

Initially the user launches the app from the app drawer, app displays a launchscreen and Home TAB is set as a default page to show in TabView.

The Home TAB consists of 2 Buttons. One for Creating an Expense and the other for Saving an Event Date.

When Creating an Expense Button is Tapped user gets navigated to a Sheet with fields like name of expense, expense for, expense date, image , amount

You can just create an expense which is similar to the bill/copy or anything like the favourite item that you purchased.

Name of expense → MacBook Air 2022

expense for → myself

expense date → choosefromdatepicker

image → choosefromimagelibrary

amount → 1,00,000

and reset button to reset all the entered fields.

When he/she successfully entered details the Item is then saved locally to the device using SwiftData. All the saved list of expenses gets displayed in a seperate Tab called Expenses.

The Expenses TAB has now all the user entered expense items and it displays in the form of list. User can perform Deleting and Searching actions on the list.

When the ExpenseList Items is equal to zero that means if it doesnt contains any items in the list. In that case ContentUnavailableView with Error Status is displayed with image,title,description.

Similarly for the other button named Create an Event it shows a sheet where user enters fields like personname, eventname, eventdate

person’s → 10k

event name → Grad Party

event date → choosefromdatepicker

Additionally, when user adds an item for the very first time to the list. Guiding them with features in the form of Tips makes features discoverable and impoving the app-experience. (used TipKit)

and likewise as mentioned earlier it stores in same pattern with Event TAB List with all entered items and ContentUnavailableView

Kept the UI simple with System provided colors like .primary, .secondary, .tertairy , .quaternary, .quinary colors

used .thinMaterial , .thickMaterial for surface Backgrounds.

clipping the shapes with .buttonBorder made it consistant just like how whole iOS System Elements looked.

So the Tab named Expense displays ExpenseList,

New Tab displays 2 CTA Button with Actions , & Event displays EventsList.

Here is the little of what I have designed and developed

AppIcon with LaunchScreen displaying in Light Mode.

Tab Views with Expense and Event List

ContentUnavailableView of Expense & Event List TabView

Inline and Popover Tips for educating users about the features

As usual went to WWDC Video Sessions got a grasp about Technologies, Refered a couple of Youtube Tutorials.

I refered the tunsdev channel for the Backend-part ie, SwiftData.

The App I be building should store data — so SwiftData

User Interface & Design is completely done by me. ofc I love doing that.

and lastly SwiftData requires a real-device to test the app.

This project is more towards Displaying Dates and Formatting them.

*Having a little knowledge on WidgetKit and Widget Timeline Provider — dateformatting seemed simple way of integrating here in the project.*

Typezy is an app completely built using SwiftUI.

Technologies used are : SwiftData, TipKit

iOS App Prototype link 👉🏼 (Click here)

Thanks for skimming though the casestudy. Im still in upgrading my portfolio and eager to know more about Design Process of iOS Platforms.

Connect with me: X , LinkedIn