A clone of hn.premii.com implemented in KMP with Web (React), iOS (Swift UI), Android and Desktop (Compose) UIs

Overview

An clone of hn.premii.com implemented in Kotlin Multiplatform with shared Android/Desktop Compose UI, SwiftUI on iOS and React for Web

This example supports the following targets:

  • Android (Compose)
  • Desktop/JVM (Compose)
  • Web/JavaScript (React)
  • iOS (SwiftUI)

Libraries used:

There are multiple modules:

  • :common:utils - just some useful helpers
  • :common:database - SQLDelight database definition
  • :common:main - displays top news
  • :common:detail - displat comments for a news item
  • :common:root - navigates between main and detail screens
  • :common:compose-ui - Shared Compose UI for Android and Desktop
  • :android - Android application
  • :desktop - Desktop application
  • :web - Web browser application + React Web UI
  • ios - iOS Xcode project

The root module is integrated into Android, Desktop and iOS apps.

Running desktop application

./gradlew :desktop:run

Running Android application

Open project in Intellij IDEA or Android Studio and run "android" configuration. or

./gradlew :android:installRunDebug

Running Web browser application

./gradlew :web:browserDevelopmentRun

Running iOS application

Open and build the Xcode project located in ios folder. or

./gradlew :ios:simulatorRunApp
You might also like...
Playground UI Compose in Desktop Apps
Playground UI Compose in Desktop Apps

caravan-kotlin-desktop-compose Project Learning Jetpack Compose on Desktop Aplication Request Data Retrofit Version Release This Is Latest Release $ve

An Android UI clone of ABA Mobile app for education purpose only.
An Android UI clone of ABA Mobile app for education purpose only.

ABAUIClone An Android UI clone of ABA Mobile app for education purpose only. Project Specs Language: Kotlin UI Design system: XML-based Design pattern

Yelp Clone App Using Kotlin
Yelp Clone App Using Kotlin

Yelp Clone Jingxi (Harvey) Cai Yelp clone displays a list of search results from the Yelp API and displays the results in a scrollable list. Time spen

SimpleYelp - A basic clone of the restaurant review app, Yelp. This app has just one screen, but the data is fetched from the Yelp API Add Ios Swipe Search TextField Component in Android Jetpack Compose.
Add Ios Swipe Search TextField Component in Android Jetpack Compose.

IosSwipeSearchCompose Add Ios Swipe Search TextField Component in Android Jetpack Compose. How it looks Usage val text = remember { mutableStateOf("")

Plugin and Desktop app for parsing layout xml into Composable code

composed-xml Inspired by - Recompose composed-xml is a tool for parsing Android layouts into Jetpack Compose code. It can work as both Desktop app or

Consumer desktop from nutrition-framework API
Consumer desktop from nutrition-framework API

About This Project (work-in-progress 👷 🔧️ 👷‍♀️ ⛏ ) Consumer Dari Nutrition Framework General Framework for Application Development Around Nutrition

This Kotlin Multiplatform library is for accessing the TMDB API to get movie and TV show content. Using for Android, iOS, and JS projects.

Website | Forum | Documentation | TMDb 3 API Get movie and TV show content from TMDb in a fast and simple way. TMDb API This library gives access to T

Framework for Mobile test automation (Native app and Browser) on Android and IOS devices
Framework for Mobile test automation (Native app and Browser) on Android and IOS devices

Appium Mobile Automation Framework Framework for Mobile test automation (Native app and Browser) on Android and IOS devices 📱 🚀 Quick Start - Appium

Owner
Tarek Belkahia
Lead Mobile Engineer @360Learning
Tarek Belkahia
Jetpack Compose for Desktop and Web, a modern UI framework for Kotlin that makes building performant and beautiful user interfaces easy and enjoyable.

Jetpack Compose for Desktop and Web, a modern UI framework for Kotlin that makes building performant and beautiful user interfaces easy and enjoyable.

JetBrains 10k Jan 7, 2023
Building Web Applications with React and Kotlin JS Hands-On Lab

Building Web Applications with React and Kotlin JS Hands-On Lab This repository is the code corresponding to the hands-on lab Building Web Application

Brian Donnoe 0 Nov 13, 2021
A project aiming to generate KMP declarations from several library versions

kotlin-ketchup A project aiming to generate KMP declarations from several library versions LICENSE Apache 2.0. See ./LICENSE in this repository See th

Eugene Petrenko 4 Mar 1, 2022
Web Container: A simple web container library for Android to help fellow developer to open WebView easily

WebContainer Description Web Container is a simple web container library for And

Achmad Ichsan Thaib 8 Nov 22, 2022
🛒 Mercado Libre App Clone using modern Android development with Hilt, Coroutines, Jetpack (Room, ViewModel), and Jetpack Compose based on MVVM architecture.

Meli Clone ?? Mercado Libre App Clone using modern Android development with Hilt, Coroutines, Jetpack (Room, ViewModel), and Jetpack Compose based on

Esteban Aragon 7 Sep 22, 2022
An application that simulate the Swedish Transport Agency, implemented with Spring Boot, Kotlin and GraphQL

graphql-kotlin-spring-server An application that simulate the Swedish Transport Agency, implemented with Spring Boot, Kotlin and GraphQL Running the s

null 0 Oct 31, 2021
Collection of various algorithms in mathematics, computer science etc implemented in Kotlin for educational purposes.

The Kotlin Algorithms Implementation of different algorithms and data structures using Kotlin lang Overview The repository is a collection of open-sou

Oleksii Shtanko 9 Aug 1, 2022
A clone of Zomato, A Online Food Ordering App using Jetpack Compose

Zomato-Clone A clone of Zomato, A Online Food Ordering App using Jetpack Compose Below are a few Screenshots of the app till now -> Screens Demo Login

Yugesh Jain 52 Nov 27, 2022
Event-driven application uses React, reactive Spring Boot WebFlux, R2DBC, MySQL and Liquibase

Product delivery Event-driven application uses React, reactive Spring Boot WebFlux, R2DBC, MySQL and Liquibase Status: IN PROGRESS if [[ "" != `docker

Maksim Kostromin 2 Aug 17, 2022
A Tachidesk Desktop UI built in JetBrains Compose

TachideskJUI A free and open source manga reader to read manga from a Tachidesk server. TachideskJUI can run the Tachidesk server on its own, or conne

null 226 Jan 6, 2023