robwebdev / inclusive-hnpwa

An inclusive Hacker News PWA implementation.

Home Page:https://hackernews.robweb.dev

Geek Repo:Geek Repo

Github PK Tool:Github PK Tool

Hacker News PWA

https://hackernews.robweb.dev/

This Hacker News reader was built as an excercise in inclusive design, accessibility, progressive enhancement,progressive web apps and streamed rendering. It is a work in progress. 🚧

  • Streamed server side rendering using Express and lit-html-server node renderToStream
  • Streamed service worker rendering using lit-html-server browser renderToStream
  • Offline experience
  • Currently no JS runs in the window context only in the service worker - the plan is to add web components for UI interactions such as comment collapsing
  • Lighthouse score: 100
  • Minimal and inclusive design

About

An inclusive Hacker News PWA implementation.

https://hackernews.robweb.dev


Languages

Language:JavaScript 82.7%Language:CSS 17.3%