Skip to content

Jetpack Compose app (Astro clone) with Genshin Impact theme

Notifications You must be signed in to change notification settings

aldoKelvianto/Mona-Android-App

Repository files navigation

Description

This project is a clone of Astro Android app that mainly demonstrates Jetpack Compose usage for real-world app. This project only demonstrate the UI logic of Astro's home screen functionality, such as:

  • Drawing gradient on top of multiple UI sections.
  • View-pager banner like with snapping behavior
  • Grid section with two view item type
  • Bottom navigation and handling back button

Mona screenshot:

screenshot2

Astro screenshot:

screenshot1

GIF:

demo

What's included

  • Jetpack Compose sample usages, including ConstraintLayout in Compose.
  • State hoisting
  • UI testing for composables using Robolectric
  • Jetpack navigation

What's not included

  • Architecture (Clean) and UI architecture (MVVM, MVP, MVI, etc.)
  • Networking, persistence, and concurrency

Why Mona?

Astrologist Mona Megistus (Mona) is an astrologist in Genshin Impact game. She can sprint really fast, which embody Astro company spirit to deliver groceries as quickly as possible.

Disclaimer

At the time of writing, I'm not employed by Astro. Everything from code, layout, to design took inspiration from Astro app from end-user perspective. I use uiautomatorviewer to measure some dimension and color picker to pick the right color for certain UI.

I use Genshin Impact game assets for this project. HoYoverse/miHoYo allow third-party developer to use its game assets for personal project.

"© All rights reserved by miHoYo. Other properties belong to their respective owners."

About

Jetpack Compose app (Astro clone) with Genshin Impact theme

Topics

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published