This is a simple video games discovery app showcasing UI using Jetpack Compose with Clean Architecture and also tests for composable UI.

Ruben Quadros

Last update: Dec 27, 2022

Overview

Jetpack-Compose-Video-Games-Example 🎮

This is a simple video games discovery app showcasing UI using Jetpack Compose and also tests for composable UI.

This application gets all it's data from RAWG API.

Building the project 🔨 🔧

To successfully build this application you need an API key from RAWG.

Head on over there and follow the steps to get your key. It's completely free!

Once you get your API key, edit your local.properties file and add the key as follows:

api.key=YOUR_API_KEY

Future scope 🔮 🔜

Add filter functionality
Custom ExoPlayer controls
Full screen ExoPlayer

Different components used in the project 🎼 📖 ✨

Clean Architecture This app is structured using single module clean architecture
MVI Orbit The presentation layer uses mvi pattern
Jetpack Compose For creating beautiful screens
Compose navigation For navigation in the app
Paging 3 For achieving pagination
ViewModel The presentation layer uses the viewmodel pattern
Hilt For dependency injection
Material Icons For icons displayed in app screens
Coil For displaying images
ExoPlayer For playing videos
Coroutines For handling async work
Retrofit For networking tasks
MockWebServer For API/network testing
Mockk For mocking dependencies during testing

Comments

Currently showing two circles above

Currently showing two circles above.

Have you considered adding the relevant judgment of when, so that only one circle is displayed, and it is displayed in the middle?

opened by tenSunFree 1

Example Jetpack Compose Android App, that uses the newest mechanisms, like StateFlow, SharedFlow, etc. to manage states and handle events. ViewModel, UI and Screenshot tests included :)

AndroidMVIExample Example Jetpack Compose Android App, that uses the newest mechanisms, like StateFlow, SharedFlow, etc. to manage states and handle e

55 Nov 18, 2022

Sample app that shows how to create a bitmap from a Jetpack composable

Creating Bitmaps From Jetpack Composables This app demonstrates how to create a bitmap from a Jetpack composable without the need to display the compo

14 Nov 29, 2022

A simple authentication application using Jetpack compose to illustrate signin and sign up using Mvvm, Kotlin and jetpack compose

Authentication A simple authentication application using Jetpack compose to illustrate signin and sign up using Mvvm, Kotlin and jetpack compose Scree

5 Dec 29, 2022

Simple composable for rendering transitions between backstacks.

compose-backstack Simple library for Jetpack Compose for rendering backstacks of screens and animated transitions when the stack changes. It is not a

408 Jan 3, 2023

Row Coloumn Box Compose Constraint Layout Modifier.xyz Animator Tween animation MutableState Creating custom composable Corners Canvas LaunchedEffect

1 Apr 13, 2022

🚀 Sample Android Clean Architecture on Rorty App focused on the scalability, testability and maintainability written in Kotlin, following best practices using Jetpack.

Android Clean Architecture Android Clean Architecture in Rorty is a sample project that presents modern, approach to Android application development u

15 Sep 19, 2022

PapriCoin demonstrates Jetpack Compose usage to build modern app based on Clean Architecture and newest Tech-Stack

This is a simple video games discovery app showcasing UI using Jetpack Compose with Clean Architecture and also tests for composable UI.

Related tags

Overview

Jetpack-Compose-Video-Games-Example 🎮

Building the project 🔨 🔧

Future scope 🔮 🔜

Different components used in the project 🎼 📖 ✨

You might also like...

Example Jetpack Compose Android App, that uses the newest mechanisms, like StateFlow, SharedFlow, etc. to manage states and handle events. ViewModel, UI and Screenshot tests included :)

Sample app that shows how to create a bitmap from a Jetpack composable

A simple authentication application using Jetpack compose to illustrate signin and sign up using Mvvm, Kotlin and jetpack compose

Simple composable for rendering transitions between backstacks.

Row Coloumn Box Compose Constraint Layout Modifier.xyz Animator Tween animation MutableState Creating custom composable Corners Canvas LaunchedEffect

🚀 Sample Android Clean Architecture on Rorty App focused on the scalability, testability and maintainability written in Kotlin, following best practices using Jetpack.

PapriCoin demonstrates Jetpack Compose usage to build modern app based on Clean Architecture and newest Tech-Stack

Animal-Kingdom - CLEAN Architecture with MVVM and Jetpack-Compose

Snapchat Clone with Jetpack Compose and Clean Architecture

Comments

Currently showing two circles above

Owner

Ruben Quadros

A Clean Architecture App to show use of multi module architecture in a Jetpack Compose

Capturable - 🚀Jetpack Compose utility library for capturing Composable content and transforming it into Bitmap Image🖼️

Mocking with Jetpack Compose - stubbing and verification of Composable functions

a set of Settings like composable items to help android Jetpack Compose developers build complex settings screens

Jetpack Compose Text composable to show html text from resources

Kapture - A small library for Jetpack Compose to capture Composable content to Android Bitmap

Flippable - A Jetpack Compose utility library to create flipping Composable views with 2 sides

CoinList is a simple app based on Jetpack Compose, modern tech-stack and Clean Architecture.

Jet-CoinList is a simple app based on Jetpack Compose, modern tech-stack and Clean Architecture.

Jetpack Compose app gets data from REST API using KTOR Client. Clean Architecture, Dependency Injection...