📱 [Feature] PWA + support offline #3

New issue

Closed

opened 2026-08-03 10:19:21 -04:00 by NixCyRy · 1 comment

NixCyRy commented

2026-08-03 10:19:21 -04:00

(Migrated from github.com)

Problème

NutriFood est une app de nutrition utilisée en cuisine, à l'épicerie, en déplacement — souvent sans connexion fiable. Actuellement, aucune fonctionnalité offline.

Solution

Service Worker — cache des assets statiques (HTML, JS, CSS, foods.json)
Web App Manifest — installable comme app native (Ajouter à l'écran d'accueil)
IndexedDB — cache local des sélections et données aliments
Sync différée — sauvegarde locale → push au retour de connexion

Bénéfices

L'utilisateur peut consulter ses sélections et liste d'épicerie sans connexion
Installation comme app mobile sans App Store
Meilleure performance de chargement (cache)

Fichiers à créer

web/manifest.json
web/sw.js (service worker)
Enregistrer le SW dans index.html

## Problème NutriFood est une app de nutrition utilisée en cuisine, à l'épicerie, en déplacement — souvent sans connexion fiable. Actuellement, aucune fonctionnalité offline. ## Solution 1. **Service Worker** — cache des assets statiques (HTML, JS, CSS, foods.json) 2. **Web App Manifest** — installable comme app native (Ajouter à l'écran d'accueil) 3. **IndexedDB** — cache local des sélections et données aliments 4. **Sync différée** — sauvegarde locale → push au retour de connexion ## Bénéfices - L'utilisateur peut consulter ses sélections et liste d'épicerie sans connexion - Installation comme app mobile sans App Store - Meilleure performance de chargement (cache) ## Fichiers à créer - `web/manifest.json` - `web/sw.js` (service worker) - Enregistrer le SW dans `index.html`

NixCyRy commented

2026-08-04 16:01:36 -04:00

(Migrated from github.com)

✅ Implemented in commit 29eff89

Web App Manifest (installable, standalone display)
Service Worker (cache-first for static assets, network-only for API, offline navigation fallback)
Multi-stage Docker build copies manifest.json + sw.js
Lighthouse: 100/100 on all categories

Verified in QA pass (2026-08-04).

✅ Implemented in commit 29eff89 - Web App Manifest (installable, standalone display) - Service Worker (cache-first for static assets, network-only for API, offline navigation fallback) - Multi-stage Docker build copies manifest.json + sw.js - Lighthouse: 100/100 on all categories Verified in QA pass (2026-08-04).