Gulpz: A Water Tracker App

“Gulpz” is a native iOS app developed over a 10-week project. Built using Xcode and the Swift programming language, the app helps users track their daily water intake based on customizable gulp sizes.

Umbrawler Header Image

Project Timeline (September 2018)

Week 1: Initiated brainstorming, sketches, and UI inspirations. The app consists of two primary components: Onboarding (for personalizing user experience) and the Main App (featuring a Water Ring and buttons to log small and large gulps).

Apple Watch - Close Your Rings - Apple
The Apple Activity Ring was one of the inspirations for this app

No items found.

Early design ideas

Weeks 2-3: Created wireframes and developed low and high-fidelity mockups using Sketch, adhering to Apple’s Human Interface Guidelines.

App Icon Design: 

The Water Tracking Ring:

Weeks 4-5: Entered the initial development phase in Xcode, implementing Auto Layout constraints to ensure a responsive interface. Utilized SwiftUI for real-time interface previews.

Week 6: Focused on animating the Water Tracking Ring. Used PaintCode to convert the design from Sketch into Swift code, enabling dynamic animations connected through Interface Builder.

Weeks 7-8: Continued development with an emphasis on Settings, allowing users to modify their profile, measurement units, daily goals, and gulp sizes.

Week 9: Conducted debugging to resolve animation issues related to gulp input.

Week 10: Submitted the app to the App Store via Apple Developer Account. Following a review by Apple, “Gulpz” was approved and available to the public.

No items found.

No items found.

No items found.

No items found.

Other projects