🚀 Issue #48 — Mobile-First Offline Dashboard

[vic-Gray]

Redesign the dashboard with a mobile-first approach, supporting offline mode for areas with poor connectivity. Farmers can view progress, vault balances, and AI insights without an internet connection, syncing automatically when online.

Objectives

Ensure core functionality works offline.

Optimize UI for small screens and touch interactions.

Sync changes automatically when connectivity is restored.

Provide a fast, responsive experience for low-spec devices.

Requirements
1️⃣ Progressive Web App (PWA) Setup

Enable offline caching and background sync.

2️⃣ Local Storage & IndexedDB

Store farm data, transactions, and AI recommendations locally.

3️⃣ Synchronization Mechanism

Automatic two-way sync with Supabase/PostgreSQL when online.

4️⃣ Mobile-Optimized UI

Touch-friendly controls, simplified layout, and offline indicators.

Technical Suggestions

Frontend: Next.js PWA + TailwindCSS.

Backend: NestJS API endpoints with conflict resolution.

Libraries: Workbox for caching; Dexie.js for IndexedDB.

Expected Outcome

Core features usable offline.

Data syncs reliably when connectivity is restored.

Smooth experience for mobile users in low-connectivity regions.

Acceptance Criteria

Dashboard accessible offline.

Vault and AI recommendations viewable offline.

Sync works automatically when online.

UI adapts cleanly to mobile devices.

[binayyub4211]

@binayyub4211 has applied to work on this issue as part of the Stellar Wave Program's 3rd wave.

hi maintainer
i will love to work on this issues, sir assigned me please

ℹ️ Repo Maintainers: To accept this application, review their application or assign @binayyub4211 to this issue.

[D240021]

@D240021 has applied to work on this issue as part of the Stellar Wave Program's 3rd wave.

Hi! 👋

I’d like to contribute to this issue.

I’m a full-stack developer currently getting started in Web3, and I think this project is a great opportunity to learn while contributing to something meaningful in the ecosystem. I have experience working with backend services, REST APIs, and web applications, and I’m motivated to collaborate and add value wherever possible.

Please let me know if I can take this issue. I’d be happy to work on it 🚀

ℹ️ Repo Maintainers: To accept this application, review their application or assign @D240021 to this issue.

[drips-wave]

Congratulations, @D240021! 🎉 Your application was accepted by the repo's maintainers, and the issue is due on March 30, 2026.

🧑‍💻 @D240021: Please resolve the issue such that the repo's maintainers have enough time to review your contribution before the due date. You'll earn Points for completing the issue on-time, which will make you eligible for a share of the Stellar Wave Program's reward pool.

Warning

When opening a PR, please link it to this issue to ensure it gets tracked accurately. Points are awarded when this issue is marked as completed by the maintainer.

🤠 Repo maintainers: Please keep an eye on the contributor's progress and review their work before the due date. You can manage this issue, including adjusting its complexity and points, here.

🌊 Happy Wave 🌊