Liveview Svelte Pwa

screenshot of Liveview Svelte Pwa
svelte

Local-First LiveView Svelte ToDo App

Overview:

The Local-First LiveView Svelte ToDo App is a demo showcasing an installable Phoenix Progressive Web App (PWA) that allows real-time synchronization across multiple devices while also functioning locally offline. It utilizes technologies like Phoenix LiveView, Svelte, and Yjs to achieve these features.

Features:

  • Real-time synchronization: Syncs data across multiple devices in real-time.
  • Offline functionality: Ability to work locally offline without an active internet connection.
  • Phoenix LiveView: Utilizes Phoenix LiveView for real-time syncing and data persistence.
  • Svelte frontend: Uses Svelte for the frontend UI and state management.
  • Service Workers & Web Storage: Implements service workers, web storage, and IndexedDB for offline support.
  • CRDTs with Yjs: Resolves conflicts between distributed app states using Conflict-free Replicated Data Types (CRDTs) with Yjs.
svelte
Svelte

Svelte is a modern front-end framework that compiles your code at build time, resulting in smaller and faster applications. It uses a reactive approach to update the DOM, allowing for high performance and a smoother user experience.

Pwa

A Progressive Web App (PWA) is a type of web application that uses modern web technologies to provide a native app-like experience to users, including offline functionality, push notifications, and device hardware access. PWAs can be installed on a user's home screen and launched like a traditional app, but do not require a separate app store listing or download.