Building desktop-class productivity apps with Angular and Project Fugu
summary
A working web clone at paint.js.org uses Angular plus a service worker to become an installable, offline PWA, then adds Project Fugu APIs to read and overwrite local files via window.showSaveFilePicker, to copy images with the async clipboard API, and to invoke the native share sheet. The demo registers PNG file handlers, opens and saves real files, and pastes image data into Preview. File System Access appears in Chromium for three years and adoption jumps to about 2,000 desktop sites.
AI-written summary · about
chapters (8)
- 0:00Introduction to web apps
- 2:10Progressive web apps
- 3:47Deep native integration
- 7:40Building with Angular
- 10:12PWA implementation
- 15:47Project Fugu overview
- 21:00Implementing new APIs
- 29:28Best practices and summary
related talks
46mA whirlwind tour through Project Fugu APIs
16mProgressively enhancing like it’s 2003
49mWhat's going on with Project Fugu?
15mDay 2 Keynote, Project Fugu
16mExcalidraw and Fugu: Improving core user journeys
30mIs a new Cross-platform Development Era coming
01h 01mThe 2021 edition of dealing with files on the Web
10mNext-level web apps on desktop