Reading Time: 15 minutes

[ad_1]

Jetpack Compose Android App Projects

Building hands-on projects will help you achieve practical coding skills. One step at a time, you’ll be putting your theoretical knowledge to use and build an impressive portfolio. In this project-based learning guide, You’ll find sample projects with step-by-step instructions, video tutorials, and source code that’ll take you through building some cool, interesting, unique, and real-world projects using Jetpack Compose from scratch. You can also contribute to the projects that are under development or have some issues.

How do you discover Projects with source code from around the web related to Jetpack Compose for Android? You may be reading content from different websites to newsletters to RSS feeds to any social media. You increased the diversity but also noise. It’s difficult, Right? Let’s fix the way you consume content. Stay up-to-date, ahead of the curve, and get smarter every day. Don’t wait, Download the app today! Reinvent the way you feed your curiosity!





A list of Android App Projects built with Jetpack Compose are given below:

👉 Compose Tetris

Summary of this Project: A Tetris game fully built using Jetpack Compose, almost all UI elements are created by code, including the following app icon, which is also generated by Composable with Preview. Other stacks and features used to create this example are MVI architecture, Simulate appearance of LCD screen and more.

👉 Wiggles – Pet Adoption App

Summary: Beautiful Puppy adoption app built to Demonstrate the Jetpack Compose UI for Android Dev Challenge. This project is built with Kotlin, Jetpack Compose, Android Architecture Components , Jetpack Compose Navigation, Material Components for Android and Figma. Check out more details from the links given here – Demo, Code and Other Instructions

👉 Twidere X – Twitter using Jetpack Compose

Project Summary: This project is still under development. The creator says we need to improve a lot and a lot to add in this app. If you don’t want to build whole app, you can contribute to this project. The app has modern material design, dark mode, multiple account support and more. Check out more from here – Demo, Source Code and Other Instructions

👉 WhatsApp using Jetpack Compose

Project Summary: An example project to demonstrate how to build WhatsApp using Jetpack Compose. If you want to get started with Jetpack Compose, then this project is for you. In this project, Common use-cases of Jetpack Compose has been implemented like working with List, Using Coroutines, etc. You’ll also learn how to work with multiple screens in Jetpack Compose. Check out more from here – Demo, Code and Instructions

👉 Note Taking App

Android Jetpack Compose Sample Project

About this Project: A Simple Note-Taking App built to demonstrate the use of Modern Android development tools – (Kotlin, Coroutines, State Flow, Hilt-Dependency Injection, Jetpack DataStore, Architecture Components, MVVM, Room, Material Design Components). Check out more from here – Technical Details, Demo and Source Code

👉 Flux – A Weather App

Jetpack Compose Android Example

Summary of this Project: A dummy weather app with a dynamic landscape varying over time using Jetpack Compose. It’s composed of a day / night cycle, multiple layers for the background and a particle generator for rain, snow and clouds. It also draws random lightning when there is a thunderstorm. Check out more from here –  DemoTechnical Details and Source Code

👉 Podcast App

Jetpack Compose Sample
Summary: Create your own Android podcast app with Jetpack Compose and ExoPlayer. Using the sample project, you can build an app with modern stacks like Jetpack Compose UI which provides custom animations, transitions, light/dark theme, layouts, dependency injection with Hilt and MVVM Architecture. The features added by author in this app are, it can retrieves podcasts metadata from the network, allows background playback using a foreground service, media style notifications, controls the current playback state with actions such as: play/pause, skip to next/previous, shuffle, repeat and stop. It also supports offline playback using cache data source from exoplayer. Check out more from here – DemoEssential Details and Code

👉 Spotiflyer – Multi Platform Music Downloader App

Jetpack compose android app sample example
Summary of this Project: Build your own music downloader app using Jetpack Compose and other modern tech stacks. The sample project attached below will help you to create your own music downloader. Currently, the sample project supports Spotify, Gaana, Youtube, Youtube Music, Jio-Saavn and more are coming soon. To check more in detailed, visit the links given here – Demo AppCode and Technical Details

👉 McCompose – McDonald’s App

Jetpack compose android app sample example
About this Project: In this project, you’re going to build a McDonald’s App with JetPack Compose and other modern tech stacks. For more details, click on the links given here – Demo and Code

👉 Delish – A Recipe App using Compose

Jetpack Compose Sample Projects

Summary of this Project: Delish is a Food Recipes App built with Jetpack Compose and Hilt. It is based on modern Android tech-stacks and MVVM clean architecture. Check out more from here – Delish App Demos and Code

👉 Disney App using Jetpack Compose

Jetpack Compose Android App projects
Project Summary: A demo Disney app using compose and Hilt based on modern Android tech-stacks and MVVM architecture. The tech stacks and open-source libraries used in creating this project are hilt, flow, coroutines, accompanist, landscapist, orchestra-balloon, sandwich, whatif, timber and more. Check out more from here – Demo and Code

👉 Spelling Bee Game

Android Apps made with Jetpack Compose
Summary of this Project: It’s a simple project, suitable for absolute beginners. The game is created using Jetpack Compose and other modern tech stacks. Give it a try or check out more about this project from the below-given link. Check out more from here – Demo Screens and Source Code

👉 Alkaa – Task Manager App

Jetpack Compose Android Example

About this Project: Alkaa is a to-do application sample project to study the latest components, architecture and tools for Android development. The project evolved a lot since the beginning and it is available on Google Play. Check out the Codes, Instructions and Demos from the below given link. Check out more from here –  Demo and Source Code

👉 JetInstagram App

Latest Jetpack Compose Android App projects

Project Summary: JetInstagram is an Instagram UI clone app built with Jetpack Compose. This sample example showcases: home screen, post like button animation, photo like animation, reels, playing video with exoplayer in compose environment. Currently this project is not fully complete as some screens are not yet implemented. Check out more from here – Demo and Source Code

👉 JetCaster App

Summary: Jetcaster is a sample podcast app, built with Jetpack Compose. The goal of the sample is to showcase dynamic theming and full featured architecture. The app is built in a Redux-style, where each UI ‘screen’ has its own ViewModel, which exposes a single StateFlow containing the entire view state. Each ViewModel is responsible for subscribing to any data streams required for the view, as well as exposing functions which allow the UI to send events. Check out more from here – Demo GifTechnical Details and Code

👉 Pixel Music

About this Project: Create your own music player using compose. Pixel project is a beautiful unofficial NetEase Cloud music player for Android.

👉 Jet Timer

Jetpack Compose Sample

Summary: Timer app clone built with Jetpack Compose and Hilt. The purpose of this project is to try new Android technologies and learn how it works in an app. If you want to learn compose by building a project, check out this from the links given here – Demo and Code

👉 JetHub

Summary of this Project: JetHub is a sample app using Github API and Jetpack components. The purpose of this project is to try new Android technologies and learn how it works in an app. If you want to learn compose by building a project, check out this from the links given here – Demo and Code

👉 Clock of Clocks

Project Summary: Want to build a clock in your own language in a unique form? If yes, then this project is for you. In this sample project, the author has created clock with Jetpack Compose in Persian language. Check out demo, code and other details from here – Demo and Code

👉 Stack using Compose

Summary: Stack is an Android app for browsing Stack Overflow and other Stack Exchange sites. Features added in this app are 

– View question and answer details rendered in rich Markdown.

– Bookmark your favorite questions to save for later.

– Answer and vote for questions asked by the Stack Exchange communities.

– Easily switch between Stack Exchange sites to find the community you’re looking for. 

👉 Cookbook App using Compose

About this Project: In this Jetpack Compose project, you’ll learn to use the new declarative UI framework being developed by the Android team by creating a cookbook app. Check out more from here – Tutorial, Demo and Code

👉 Pokedex App using Jetpack Compose

Jetpack Compose Example
Summary: In this project, You will learn about retrofit setup, search bar & list screen, list entries and list view model, pagination and more by creating a pokedex app using jetpack compose. The project is still under development. So, be quick and start learning simultaneously with author. And if you want some other reference, check out the same project built by another developer. Check out more from here – Tutorials, Demo and Code [Reference Demo and Code]

👉 BikeShare

Project Summary: Jetpack Compose and SwiftUI based Kotlin Multiplatform project (using Citybikes API). Note that, due to use of Jetpack Compose, Android Studio Arctic Fox is required to build/run the Android client. The iOS and macOS clients have been tested in latest released version of XCode (currently 12.4). When opening iOS and macOS projects remember to open .xcworkspace file (and not .xcodeproj one). Check out other essential requirements and details regarding this project from the links given here – Demo, Instructions and Source Code

👉 JetNews App 

About this Project: JetNews is a sample news reading app, built with Jetpack Compose. The goal of the sample is to showcase the current UI capabilities of Compose. This sample contains three screens: a list of articles, a detail page for articles, and a page to subscribe to topics of interest. The navigation from the the list of articles to the interests screen uses a navigation drawer. Check out more from here – Demo and Code

👉 English Is Fun – A Learning App

About this Project: English Is Fun is an Open source English-language-learning application built using Compose for Android. The aim of this project is sharing a well-designed application to help people to learn English. Check out more from here – Demo and Source Code

👉 Chesso – A Chess App 

Jetpack Compose Android App projects
Summary of this Project: Chesso is an animated, Jetpack Compose-based chess app aimed at beginners and intermediate players for studying purposes. Its distinctive key feature is the ability to show visualisation layers on top of the board. Check out more about this app from the given links here – Demo and Source Code

👉 Jet Survey App

Summary: Jetsurvey is a sample survey app, built with Jetpack Compose. The goal of the sample is to showcase text input, validation and state capabilities of Compose. This sample contains several screens: a welcome screen, where the user can enter their email, sign in and sign up screens and a survey screen. The app has light and dark themes. Check out more from here – Demo and Source Code

👉 Sunflower App using Compose

Summary: A gardening app illustrating Android development best practices with Android Jetpack. This sample project showcases compose working in an existing app: including integration with strings, resources, and themes and styles. It also shows integration with an existing architecture based on Jetpack libraries and more. Check out more from here – Demo, Code and Other Instructions

👉 Droikagi – Multipurpose App using Compose

Project Summary: Learn how to build a multipurpose app using compose through this sample project. The tech stacks used in this project are Jetpack Compose, Kotlin Coroutines & Flows, Dagger Hilt, DataStore, Kotlin Multiplatform and more. Check out more details about this project from the link given here – Code and Demos

👉 Google’s Owl – Material Design Study App

Summary of this Project: This sample is a Jetpack Compose implementation of Owl, a Material Design study. This sample project showcases Material theming & light/dark themes, Custom layout, Animation and more. Try out this project from the link given here – Demo, Instructions and Source Code

👉 Jet Delivery

Android Apps made with Jetpack Compose
Project Summary: Jet Delivery is a sample food delivery app, built with Jetpack Compose. This app showcases: Server-driven UI and Building apps using Jetpack Compose. The author has explained everything in an article which you can find from the link given here – Tutorial, Demo and Code

👉 Harry Potter App using Compose

Summary: Sample Harry Potter application is based on MVVM architecture (View Model, Live Data, Repository, Coroutines, Koin or Dagger-Hilt, Compose). Check out all the essential instructions, modern tech stacks and libraries used to create this project, from the links given here – Code, Demo and Essential Details

👉 Plasma Movie App using Compose

Project Summary: An Android Application written using latest Android Jetpack components and best practices, which displays trending movies/TV shows and cast, user can search movies and TV shows and also add them to watchlist. This Benchmark App is built using latest Android tools and Jetpack libraries which includes Jetpack Compose, Jetpack DataStore, Jetpack Room, Kotlin Coroutines, Android Architecture Components (LifeCycle, ViewModel and LiveData), Coroutine Flows, Dagger Hilt, Navigation UI ,Single Activity Architecture, MVVM Pattern and more. Check out more from here – Demo and Source Code

👉 Facebook Timeline UI using Compose

Summary: In this project, you’re going to build Facebook Timeline UI using Jetpack Compose. This project is for absolute beginners. Learn about different concepts by creating a screen. Check out more from here – Demo and Source Code

👉 Coffee Drinks App with Jetpack Compose

Latest Jetpack Compose Android App projects

About this Project: The Coffee Drinks is an Android application created for playing with Jetpack Compose framework. The features added in this sample project are Demonstrating list of coffee drinks, User can mark/unmark coffee drink as favorite, User can read information about each coffee drink, User can change the design of the card in a list, User can calculate the total price of order, Support light and dark color theme and more. Check out more from here – Demo and Source Code

👉 2048 Game using Jetpack Compose

Summary: In this project, You’re going to develop a popular game named 2048 using jetpack compose. Learn more about this project from the links given here – Demo, Code and Instructions

👉 Gear VPN App

Project Summary: A VPN client for Android based on OpenVPN made with Jetpack Compose. Check out all the modern stacks, libraries, code and other essential stuffs required to build this project from the links given here – DemoCode and Other Instructions

👉 Chat App with Jetpack Compose

About this Project: You might be wondering why you’re going to build a Compose Chat app when there’s an official Google sample, Jetchat, which is also a chat app using Compose. That sample is a basic UI demo with a small bit of hardcoded data. Here, you’re going to build a real, functional chat app instead that’s hooked up to a real-time backend service. Check out more from here – Tutorial, Demo and Source Code

👉 Compose Snake Game

Summary of this Project: In this project, you’re going to create a simple snake game using Compose. This project is for absolute beginners. Take a look at demo and try out this game on your own from the links given here – Demo and Code

👉 People In Space

Summary: In this project, you’re going to build an app that show how many people are in space, their personal details, positions and other things. This project makes use of Open Notify PeopleInSpace API to show list of people currently in space and also the position of the International Space Station. Languages, libraries and tools used to create people in space are Kotlin, Kotlin Coroutines, Kotlinx Serialization, Ktor client library, Android Architecture Components, Koin, SQLDelight and Jetpack Compose. Check out more from here – Demo, Source Code and Other Instructions

👉 Top Corn 2 – Movie Listing App

Jetpack Compose Android Example
Summary of this Project: A minimalistic movie listing app to browse IMDB’s top 250 movies, built to demonstrate MVVM with Jetpack Compose. Check out more from here – Code, Demo and Other Instructions

👉 HeyBooks App

Project Summary: HeyBooks is a sample application built to demonstrate the use of Jetpack Compose UI Toolkit with Modern android architecture components! This sample project will help you to learn about Jetpack compose, UI/UX design – Ideation process, MVVM architecture, Dagger hilt, Kotlin serialization, compose navigation and much more. Check out more from here – Video Tutorial, Demo and Source Code

👉 Flappy Bird 

Project Summary: In this project, You’re going to build a simple Flappy Bird game with Jetpack Compose. The sample project is still under development, but still you can use code, architecture and other tech stacks used to create this example. Check out everything about this project in detailed from the links given here – Demo Gif and Source Code 

👉 NotyKT – A Note Talking App

About this Project: NotyKT is the complete Kotlin-stack note taking application built to demonstrate a use of Kotlin programming language in server-side and Modern Android development tools. Check out more from the links given here – Demo App and Source Code

👉 Sudoku Game using Jetpack Compose

Summary of this Project: A Sudoku game for android written with Jetpack Compose Multiplatform. Libraries used in this project are Jetpack Compose – shared UI, Decompose – For navigation and lifecycle, Mavericks – For state management using MVI. In this project, the developer has created a minimalistic multi-platform View Model implementation using Mavericks State Store. Check out more from here – Demo, Code and Technical Details

👉 Chrome’s Dino T-Rex Game

Summary: In this project, You’re going to build chrome’s dino t-rex game using Jetpack Compose. This project is for absolute beginners. So, try out this simple game project from the links given here – Demo Gif, Technical Details and Source Code

👉 Newton’s Timer App

Jetpack Compose Sample
About this Project: Newton’s Timer is a simple timer app inspired by Newton’s Cradle. It is created with Jetpack Compose and other modern tech stacks. Check out other details about this project from the links given here – Demo Gif, Step by Step Tutorial & Code

👉 Login Template

Summary of this Project: Android login template created with jetpack compose, navigation component and firebase. It supports three login methods like email, google and phone number. For more details about this project, click on the links given here – Demo App, Source Code & Technical Details

👉 Tinder App 

About this Project: A Tinder-Like App example built on Jetpack Compose, MVI, StateFlow, Room and Hilt. Build your own using this sample project. Check out everything about this project in detailed from the link given here – Demo and Source Code

👉 PacMan Game

Summary: In this game based project, you’re going to build a simple Pacman style game using Jetpack Compose. The sample project attached below is still under development but the creator of this project will show you the key elements of putting it all together. Check out more from here – Tutorial, Demo and Code

👉 WallPortal – Wallpaper App with jetpack Compose

Jetpack Compose Example
Project Summary: WallPortal is a Native Android wallpaper application written in Kotlin using Jetpack Compose. Using this sample project, you can create your own wallpaper app from scratch using compose. The creator has already provided all the details regarding tech stacks used, code and other technical details required to create this project. Check out more from here – Instructions, Demo Screens and Code

👉 JetFlix – A Movie Listing App

Jetpack compose android app sample example
About this Project: Jetflix is a Movie listing app created using TheMovieDb api and Jetpack Compose. It is based on MVVM architecture with Dagger Hilt. The other tech stacks used to create this project are stateflow, accompanist, retrofit, okhttp, etc. Check out more from here – DemoCode and Other Instructions

👉 Breaking Bad App

About this Project: A simple app in which all character’s image and their details are shown in a Pinterest form. If you’re absolute beginner and searching for some basic sample project using jetpack compose, then this example is for you. Check out more from here – Demo Gifs, Code and Other Details

👉 Retro Game using Compose

Project Summary: Build your own customized version of this retro game using Jetpack compose from scratch. This project is also suitable for beginners. So, If you’re a newbie and searching for some basic sample project, then this example is for you. Check out more from here – Demo Gif and Source Code

👉 Taiga – Project Management App

Latest Jetpack Compose Android App projects
About this Project: This is unofficial android app for taiga.io (agile project management system) built with Jetpack Compose (brand new UI toolkit from Google). Project is still not fully completed and will be updated soon with new features. For further assistance, go through the links given here – Demo AppTechnical Details and Code

👉 JetQuotes – Quotes Application

Project Summary: Create your own quotes application with Jetpack Compose and other modern tech stacks. This sample example will help you to build your own quotes app from scratch. The project is available in both versions, i.e. desktop and android. Check out more from here – Demo AppCode and Other Details

👉 Compose PhotoApp

Project Summary: It’s a simple demo project to showcase the possibilities of Jetpack Compose. This project is also suitable for beginners. So, If you’re a newbie and searching for some basic sample project, then this example is for you. Check out more from here – Demo Gif and Source Code

👉 YAHN – Yet Hacker News App

Jetpack Compose Android App projects
Summary: Yet another Hacker News App is an Android app built using Jetpack Compose. The primary focus is on privacy, simplicity and performance. It utilizes modern Android libraries and frameworks including: Jetpack Compose, Kotlin coroutines, kotlinx serialization and Ktor. If you want to build a news app like hacker news with jetpack compose then try out this project. Check out more from here – Demo Screens, Source Code & Other Details 

👉 Crane – A Travel App

Summary: Crane is a travel app part of the Material Studies built with Jetpack Compose. The goal of the sample app is to showcase Material components, draggable UI elements, Android Views inside Compose, and UI state handling. To try out this sample app, you need to use Android Studio Arctic Fox. For further details, visit the given links – Demo, Essential Instructions and Code

[ad_2]

Source link

Spread the Word!