Hacktoberfest 2026: le issue che i maintainer hanno segnato per ottobre, aperte e adatte ai principianti. Sfoglia le issue Hacktoberfest

[Frontend] Progressive Web App (PWA) & Offline Read-Only Mode Support

Aperta
#1,330 5 commenti 0 reazioni 1 assegnatario Vedi su GitHub

I maintainer di solito rispondono entro 7 giorni

@Hollujay ci sta già lavorando.

Dal 29/9/2026.

  • #1595 di @Hollujay — aperta

Valutazione

Questa issue non è ancora stata valutata.

Descrizione

drips-wave frontend mobile offline pwa Stellar Wave

Overview & Background

Users on mobile devices frequently check incoming payment streams and balance accruals on the go. Adding Progressive Web App (PWA) capabilities allows users to install FlowFi directly to their home screen as a native-feeling standalone application with offline cached stream viewing.


Technical Specification & Architecture

  1. Web App Manifest & Icons:
    • Configure frontend/public/manifest.webmanifest with name, theme colors, and responsive icons (192x192, 512x512).
    • Enable display: standalone for fullscreen mobile experience.
  2. Service Worker Caching:
    • Cache static assets, UI fonts, and API responses with stale-while-revalidate strategy.
  3. Offline Banner & State Indicator:
    • Display a non-intrusive offline indicator when internet connection drops.
    • Allow users to view cached stream balances with an "Offline (Last synced X mins ago)" badge.

Target Files

  • frontend/public/manifest.webmanifest
  • frontend/src/app/layout.tsx
  • frontend/src/components/OfflineBanner.tsx
  • frontend/src/hooks/useNetworkStatus.ts

Acceptance Criteria

  • Installable PWA prompt on mobile Chrome, Safari, and Edge.
  • Offline read-only dashboard loads cached streams when disconnected.
  • Passes Google Lighthouse PWA audit.
Lingua principale
TypeScript
Stelle
18
Fork
250
Merge medio
5g 23h
PR unite (30g)
72

Preparare l'ambiente

Come iniziare

  1. Leggi tutta la issue e poi la guida ai contributi del progetto.
  2. Commenta sulla issue per dire che te ne occupi tu — evita che due persone facciano lo stesso lavoro.
  3. Fai un fork del repository e lavora su un branch.
  4. Apri una pull request che faccia riferimento al numero della issue.

Altre issue di LabsCrypt/flowfi

Tutte le issue di LabsCrypt/flowfi

Issue simili

Altre issue su TypeScript

Ricevi le nuove issue nella tua casella

Un breve riepilogo di issue GitHub adatte ai principianti.