Skip to content

Implement Progressive Web App (PWA) #43

@FerdinandSu

Description

@FerdinandSu

Description / 描述

English:
Convert an existing frontend implementation (from Issue #25 or #26) into a Progressive Web App with offline support.

Features to implement:

  • Service worker for offline caching
  • App manifest for installability
  • Offline data persistence (IndexedDB)
  • Sync data when back online
  • Push notifications (optional)
  • App-like experience on mobile

Tech Stack:

  • vite-plugin-pwa
  • Workbox for service worker
  • IndexedDB or localForage for storage

中文:
将现有的前端实现(来自 Issue #25#26)转换为具有离线支持的渐进式 Web 应用程序。

Difficulty / 难度

Medium / 中等

Estimated Time / 预计时间

6-8 hours

⚠️ Important Requirements / 重要要求

  • Use vite-plugin-pwa
  • PR MUST include screenshots of PWA install prompt and offline mode

Acceptance Criteria / 验收标准

  • Install and configure vite-plugin-pwa
  • Create app manifest
  • Implement service worker with caching strategies
  • Add offline data persistence
  • Implement sync when online
  • App is installable on mobile devices
  • Lighthouse PWA score >90
  • PR MUST include screenshots of PWA install prompt and offline mode

Before starting, please comment on this issue to let us know you're working on it!
开始前请在此 issue 下评论,让我们知道你正在处理它!

See CONTRIBUTING.md for contribution guidelines.

Metadata

Metadata

Assignees

No one assigned

    Labels

    enhancementNew feature or requestfrontendFrontend relatedpwaProgressive Web App

    Type

    No type

    Projects

    No projects

    Milestone

    No milestone

    Relationships

    None yet

    Development

    No branches or pull requests

    Issue actions