Hariyo Naksha

Hariyo Naksha
Role
Flutter Developer
PlatformsAndroid, iOS
App Store
Play Store Website 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
ChangeNotifierfor 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
SharedPreferencesand aStorageManagerabstraction. - 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.