Local-First LiveView Svelte ToDo App

This to-do app is a demo of an installable Phoenix Progressive Web App (PWA) that can sync real-time across multiple devices while also being able to work locally offline.

Video Walkthrough

Demo

A live demo of the app can be found here.

Technologies used

• Phoenix LiveView, PubSub, and Ecto/PostgreSQL for real-time syncing and data persistence.
• Svelte (via live_svelte) for the frontend UI and state management.
• Service Workers, Web Storage, and IndexedDB (via y-indexeddb) for offline support.
• CRDTs (via Yjs) to resolve conflicts between distributed app states.

Inspired by

• Wout De Puysseleir - LiveSvelte - Render Svelte directly into Phoenix LiveView with E2E reactivity.
• Ryan Cooke - Ryan Cooke - E2E Reactivity - using Svelte with Phoenix LiveView
• Daniils Petrovs - SvelteKit: From landing page to offline PWAs

Contact

Created by Tony Dang. Please feel free send any questions or feedback to tony@tonydang.blog.