Progressive Web App (PWA) built with Dart and the Flutter framework. The same codebase is used for running on Android, iOS, Web and even desktop apps. The app is a gallery / wallpaper finder app, which fetches data from a remote endpoint and displays images using a grid view and a page view. Hero (shared element) transitions are used to achieve a seamless experience.
The app is compiled to platform specific apps (iOS or Android) and runs normally by installing the app.
Flutter 2.0 introduced stable web support and compiling for web is very easy, assuming all used plugins are web compatible. The web version of the app is hosted on Firebase and works on desktop and mobile browsers. It can be used as a regular Web App or it can installed as a standalone app by opening the URL and choosing to install the PWA.
Try the web app for yourself: https://gardenapp-c9105.web.app/
The web app is responsive and the code decides how to scale the columns based on the available screen space. Certain elements will only be displayed on the Web app, such as the arrows to navigate left/right.
Additionally, the web version can be navigated using the arrow keys and the ESC key for going back.
Try the web app for yourself: https://gardenapp-c9105.web.app/
- Dio network client: https://pub.dev/packages/dio
- Flutter Navigation: https://flutter.dev/docs/development/ui/navigation
- Shared preferences: https://pub.dev/packages/shared_preferences
- Photo view library: https://pub.dev/packages/photo_view
- Drag down to pop transitions: https://pub.dev/packages/drag_down_to_pop
- Flutter Toast: https://pub.dev/packages/fluttertoast
Contributions are what make the open source community such an amazing place to be learn, inspire, and create. Any contributions you make are greatly appreciated.
- Fork the Project
- Create your Feature Branch (
git checkout -b feature/AmazingFeature) - Commit your Changes (
git commit -m 'Add some AmazingFeature') - Push to the Branch (
git push origin feature/AmazingFeature) - Open a Pull Request
Distributed under the MIT License. See LICENSE for more information.
Feel free to email if you have any questions about the concepts used or any questions about the app in general.
Stefan Cojocaru - [email protected]
Project Link: Flutter Gallery PWA
