An open API service indexing awesome lists of open source software.

https://github.com/chunkyguy/PhotoApp

Making the same app using various frameworks
https://github.com/chunkyguy/PhotoApp

android flutter ios javascript kotlin react react-native swift

Last synced: about 1 month ago
JSON representation

Making the same app using various frameworks

Awesome Lists containing this project

README

        

# PhotoApp

The goal of the project is to get first hand experience with building the same mobile app with every available tool and compare them.

| Tool | List Screen | Detail Screen | Notes |
|-----------------------|-------------|---------------|------------------------------------------------------------------------------------------------|
| android | ✅ | ✅ | https://whackylabs.com/kotlin/xml/android/2024/12/28/android-xml/ |
| boden | ❌ | ❌ | https://whackylabs.com/x-platform/cpp/2019/06/01/cpp-x-platform/ |
| component-kit | ✅ | ✅ | https://whackylabs.com/ios/2018/11/09/hello-component-kit/ |
| compose-multiplatform | ✅ | ✅ | |
| djinni | ❌ | ❌ | https://whackylabs.com/djinni/cpp/ios/android/2018/11/23/cross-platform-cpp/ |
| dotnet-maui | ✅ | ✅ | https://whackylabs.com/maui/ios/android/2024/01/23/hello-maui/ |
| flutter | ✅ | ✅ | https://whackylabs.com/flutter/app/cross-platform/2018/12/14/hello-flutter/ |
| ionic | ✅ | ✅ | https://whackylabs.com/js/ionic/ios/android/2024/09/06/hello-ionic/ |
| jetpack-compose | ✅ | ✅ | https://whackylabs.com/kotlin/compose/navigation/2024/08/16/jetpack-compose-navigation/ |
| kmm | ✅ | ✅ | https://whackylabs.com/swift/kotlin/kmm/2025/01/05/hello-kotlin-multiplatform/ |
| react | ✅ | ✅ | https://whackylabs.com/kotlin/compose/navigation/2024/08/16/jetpack-compose-navigation/ |
| react-native | ✅ | ✅ | https://whackylabs.com/reactnative/ios/android/js/2024/01/15/hello-react-native-one-more-time/ |
| swiftui | ✅ | ✅ | |
| uikit-objc | ✅ | ✅ | |
| uikit-objc-arc | ✅ | ✅ | |
| uikit-swift | ✅ | ✅ | |

### Description

The app has 3 screens:

* A loading screen
* A list screen that fetches and draws a list of images (think 2 column UICollectionView)
* A details screen that displays details payload.

### Screenshots

![Loading](screenshots/00_Loading.png)
![List](screenshots/01_Home.png)
![Details](screenshots/02_Details.png)