GV

GeezerVison

The World Wide Web, restored to 800 pixels of glory.

Home|About|Gaming cabinet|Archives|How it works|Starter sites

On this site

  • Sign in
  • ActionsCI/CD and automation
  • CodespacesCloud development environments
  • All Features
  • Documentation
  • Training
  • Certifications
  • Build with Copilot
  • Customize Copilot
  • Integrations
  • Trending repos
  • GitHub Sponsors
  • Developer articles
  • Enterprises

This view

  • Original page
  • New address

GeezerVison is showing github.com — GitHub - HowProgrammingWorks/PWA: Progressive Web Application

BranchesTags
Open more actions menu

Latest commit

 

History

20 Commits
20 Commits

Folders and files

NameName
Last commit message
Last commit date
Application
Application
 
 
.editorconfig
.editorconfig
 
 
.gitignore
.gitignore
 
 
LICENSE
LICENSE
 
 
README.md
README.md
 
 
eslint.config.js
eslint.config.js
 
 
package-lock.json
package-lock.json
 
 
package.json
package.json
 
 
prettier.config.js
prettier.config.js
 
 
server.js
server.js
 
 

Repository files navigation

Progressive Web Application with CRDT Sync

A PWA with offline-first support and CRDT-based sync over a shared WebSocket connection.

Installation

Prerequisite: Node.js 18+

  1. Clone this repository
  2. Install dependencies: npm i
  3. Start the development server: node server.js
  4. Open http://localhost:8000 in your browser

Features

  • Installable app: a native App-like UX
  • Real-time notifications using Websockets
  • Offline support (works without an internet or server)
  • Background sync and caching with service worker and CRDT
  • Broad device/browser support, Linux, MacOS, Win, iOS, Android
  • Single WebSocket connection shared across tabs
  • Automatic reconnection, retrieving lost messages
  • HTTPS headers and CORS support
  • Reactions: like, dislike, etc. with counters

TODO

  • Changes to ./Application/static/domain.js
    • Move Logger to logger.js and export it as a singleton
    • Decompose ChatApplication: extract ui.js and domain.js
    • Domain logic should live in domain.js
    • Visualization and UI logic should live in ui.js
  • Unify CRDT implementations and reuse across the app, service worker, and server
    • Extract lww and counter into crdt.js; apply the Strategy pattern
    • Import crdt.js from the service worker and server to reuse code
  • Changes to pwa.js
    • Extract utility helpers (e.g., ID generation) into utils.js
    • Move EventEmitter into events.js

Copyright (c) 2025 How.Programming.Works contributors

About

Progressive Web Application

youtube.com/@TimurShemsedinov

Resources

Readme
MIT license
Activity
Custom properties

Stars

83 stars

Watchers

6 watching

Forks

20 forks
Report repository

Releases

Packages

Contributors

Languages

You are visitor 01402503 — GeezerVison does not store the pages you look up.
Best viewed with Netscape Navigator 4.7 or Internet Explorer 6 at 800×600. No cookies required.