https://github.com/maxim-saplin/flutter_web_spa_sample

Trying out Flutter for desktop Web app development as an alternative to SPA frameworks (such as React and Angular) by recreating one of the pages of an existing CV Management web app
https://github.com/maxim-saplin/flutter_web_spa_sample

Last synced: about 2 months ago
JSON representation

Trying out Flutter for desktop Web app development as an alternative to SPA frameworks (such as React and Angular) by recreating one of the pages of an existing CV Management web app

• Host: GitHub
• URL: https://github.com/maxim-saplin/flutter_web_spa_sample
• Owner: maxim-saplin
• License: mit
• Created: 2021-04-25T16:03:27.000Z (over 3 years ago)
• Default Branch: main
• Last Pushed: 2021-04-29T14:57:31.000Z (over 3 years ago)
• Last Synced: 2024-07-26T21:56:45.679Z (about 2 months ago)
• Language: Dart
• Homepage:
• Size: 2.94 MB
• Stars: 23
• Watchers: 2
• Forks: 2
• Open Issues: 0
• Metadata Files:
  • Readme: README.md
  • License: LICENSE

Awesome Lists containing this project

README

        
## [HTML Renderer Demo](https://maxim-saplin.github.io/flutter_web_spa_sample/html/)

## [CanvasKit Renderer Demo](https://maxim-saplin.github.io/flutter_web_spa_sample/canvaskit/)

[Reddit discussion](https://www.reddit.com/r/FlutterDev/comments/mznie0/flutter_as_web_spa_framework_dare_to_use_it/)

This repo contains a PoC of using Flutter as a traditional SPA framework for creating a desktop web app. The original app is based on AngularJS, uses OData to communicate with NodeJS/MongoDB back-end. This PoC mocks the back-end (though it has disabled gRPC bindings/implementations that were used in completete PoC with implemented back-end).

What's useful in hte sample:

- Building for wide screen right away (remember, Flutter is tailored to mobile dev)

- Context pop-ups and right clicks which are not typical to mobile apps

- Huge data grid which is the center of UX (with sorting, pagination and filter pop-ups appearing on column header clicks)

- UI layout with common headers/footers and route specific contents of the cetner part

- Routing, auth

- IoC via Proivders

- Localization

## Grid Control

https://pub.dev/packages/data_table_2

https://github.com/maxim-saplin/data_table_2