Hariyo Naksha

Hariyo Naksha
Project Overview
Hariyo Naksha (“Green Map”) is an interactive Flutter app that helps users track their journeys across Nepal’s 77 districts. It features a modern dark UI, smooth animations, offline functionality, and high-quality exports for sharing progress.
My Responsibilities
- UI/UX Implementation: Elegant, responsive map interface using
InteractiveViewer
,CustomPaint
, SVG rendering, and smooth gestures. - State Management: Efficient Provider pattern with
ChangeNotifier
for district data, visited states, and preferences. - Map Integration: Custom SVG district rendering with
DistrictPainter
,DistrictClipper
, precise hit-testing, and touch handling. - Data Persistence: Reliable offline storage via
SharedPreferences
and aStorageManager
abstraction. - Progress & Achievements: Dynamic progress tracking, badge unlocking, and stats visualization.
- Export & Sharing: High-resolution exports with
RepaintBoundary
, image capture, and Share API integration. - Design System: Consistent dark theme, gradient backgrounds, custom animations, Material 3 components.
- Cross-platform: iOS and Android polish with platform-aware behaviors.
Tech Stack
Category | Tools / Libraries |
---|---|
Frontend | Flutter, Dart, InteractiveViewer, CustomPaint |
State | Provider, ChangeNotifier |
Storage | SharedPreferences, StorageManager |
UI/UX | SVG, RepaintBoundary, GestureDetector |
Sharing | Share Plus, Path Provider |
Dev Tools | Flutter CLI, VS Code, Git |
Outcome / Highlights
- Offline-First: Full functionality without internet.
- Smooth Performance: Optimized SVG rendering and gesture handling.
- Cross-platform: Seamless on Android and iOS.
- Data Integrity: Reliable local storage and visited state persistence.
- User Engagement: Achievement system and progress stats.
Skills Demonstrated
Custom Painting & SVG
Interactive Maps
Provider / ChangeNotifier
Offline Persistence
Animations & M3
Cross-platform
- Advanced Flutter UI with custom painters and SVG rendering
- Complex gesture handling and interactive map implementation
- Local persistence & state management with Provider
- Material Design 3, custom motion, and dark-theme design
- Platform optimizations for iOS and Android
Work With Me
I specialize in cross-platform Flutter apps, interactive maps, offline storage, and smooth UI/UX.
Let’s build your next Flutter appDescription
Eachut
Dec 2024
Track your journey across Nepal's 77 districts with this beautiful interactive map. Mark visited places and share your progress with friends.