/coffee-booking-app

UI of an Android coffee app in Jetpack Compose

Primary LanguageKotlin

coffee-booking-app

Interface of an Android app which is used to book coffee.

This is made for my 1-week midterm. The UI closely followed the provided Figma design.

Demo

(Press to go to youtube)

Demo video

Technical stuff

Made with Jetpack Compose.

Followed Google-recommended practices in building the app architecture, separation of UI layer and data layer, and graceful handling of app navigation, state and data lifecycles.

No back-end. No data is stored on the machine.

Architecture

View models is the only layer between UI and the data repository. data repo is the SSOT of the entire app.

I let the data repo handles all business logic (deadline was tight :<). View models receive data and send events to data repo.

Followed the UDF pattern, where the data flows in only one direction (from data repo to view models), and the events that modify the data flow in the opposite direction (view models to data repo).

When navigating within the navigation graph, data is sent via route arguments.

Screenshots

Light

Dark

(I'm not a designer, but I tried my best :p)