Hariyo Naksha

Hariyo Naksha — Flutter Developer Portfolio

Hariyo Naksha

Role
Flutter Developer
Platforms
Android, iOS
App Store Play Store

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 a StorageManager 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

CategoryTools / Libraries
FrontendFlutter, Dart, InteractiveViewer, CustomPaint
StateProvider, ChangeNotifier
StorageSharedPreferences, StorageManager
UI/UXSVG, RepaintBoundary, GestureDetector
SharingShare Plus, Path Provider
Dev ToolsFlutter 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 app

Description

Track your journey across Nepal's 77 districts with this beautiful interactive map. Mark visited places and share your progress with friends.