MVVM Firebase Chatting App with Jetpack Compose
This sample showcases:
MVVM Clean Architecture Instant chat messenger using firebase as backend service
Jetchat follows the Material Design 3 principles and uses the MaterialTheme
composable and M3 components. On Android 12+ ChatWithMe supports Material You dynamic color, which extracts a custom color scheme from the device wallpaper. Jetchat uses a custom, branded color scheme as a fallback. It also implements custom typography using the Karla and Montserrat font families.
The app is built with the Model-View-ViewModel (MVVM) is its structural design pattern that separates objects into three distinct groups:
Profile Screen | User Screen | Chat Screen |
---|---|---|
Auth Screen | Add User |
---|---|
Profile Screen Light | User Screen Light | Chat Screen Light |
---|---|---|
User Screen Dynamic + Light | User Screen Dynamic + Dark |
---|---|
Chat Screen Dynamic + Light | Chat Screen Dynamic + Dark |
---|---|