ADORSYS-GIS / ADORSYS-GIS/e2e-banking-app

User Story: Investigate and Implement PWA Features in React App

オープン
#50 コメント 0 件 リアクション 0 件 担当者 1 名 @stephane-segning が担当を希望しています GitHub で見る
ci frontend ticket
主要言語
JavaScript
スター
9
フォーク
23
PR マージ指標
30日以内にマージされた PR はありません

説明

### Description:
As part of our efforts to improve user experience and engagement, we are looking to investigate and implement Progressive Web App (PWA) features within our React application. This includes setting up offline capabilities, and ensuring the app is installable on users' home screens across different platforms. The goal is to enhance app performance, reliability, and accessibility, aligning with PWA best practices.

### Objectives:
- **Research PWA Requirements**: Understand the technical requirements and best practices for PWAs, including service workers, web app manifests, and HTTPS.
- **Evaluate Current App Compatibility**: Assess our current React app's architecture and identify changes needed to support PWA features.
- **Implement Service Worker**: Set up a service worker to enable offline capabilities, caching strategies, and background data updates.
- **Configure Web App Manifest**: Create and configure a web app manifest to ensure the app is discoverable and installable, with appropriate icons, names, and start URLs.
- **Testing across Platforms**: Ensure PWA features work seamlessly across different browsers and devices, including mobile and desktop.
- **Documentation**: Document the setup process, configurations, and any important considerations for future reference and team knowledge sharing.

### Acceptance Criteria:
1. [ ] The React app has a correctly configured service worker that enables offline use and content caching.
2. [ ] A web app manifest is in place, allowing the app to be installed on users' home screens with proper icons and splash screens.
4. [ ] The app passes the Lighthouse PWA checklist with a score of 90+ in the PWA category.
5. [ ] Implementation details and configurations are well-documented.

### Resources:
- [PWA Checklist](https://web.dev/pwa-checklist/)
- [Vite PWA Documentation](https://vite-pwa-org.netlify.app/)
- [Workbox for Service Workers](https://developers.google.com/web/tools/workbox)

### Milestones:
1. Service Worker and Manifest
2. Testing & Optimization
3. Documentation & Knowledge Sharing

コントリビューションガイド

コントリビューションガイドを開く

評価

この issue はまだ評価されていません。

新しい issue をメールで受け取る

初心者向けの GitHub issue を短くまとめたダイジェスト。