Mobile Application
Private

WonderNest: Interactive EdTech & Telemetry Application

DartFlutterProviderGoRouterAudioPlayersLottieShared Preferences

A gamified, co-learning mobile application designed for early childhood education. It combines highly animated biological taxonomy modules (habitats, diets, acoustics) with a secure, telemetry-driven parent dashboard for granular progress tracking.

Tech Stack

DartFlutterProviderGoRouterAudioPlayersLottieShared Preferences

System Metrics

Asynchronous telemetry aggregation ensures the child's highly animated UI remains perfectly fluid at 60 FPS
Strict asset pre-caching mechanism eliminates I/O bottlenecking during rapid audio/visual transitions
Decoupled state architecture prevents unnecessary widget tree rebuilds during background data logging

Why Did I Build This?

"The current EdTech market is saturated with passive-consumption media that lacks deterministic progress tracking. My primary objective was to architect a platform where early childhood education intersects seamlessly with engaging, gamified fun. To keep children captivated without cognitive fatigue, I integrated rich, interactive animations for core actions—such as feeding the animals or selecting them across different biomes. While the child intuitively plays and explores these behaviors and acoustics, a silent background engine logs their interactions. This allows parents to access a dedicated dashboard to review precise success/failure metrics and actively guide the child's learning trajectory."

Architecture & Decisions

The application is engineered around a reactive state management pipeline utilizing `Provider` to strictly decouple the highly animated frontend from the underlying telemetry engine. The routing layer leverages `go_router` to securely isolate the child-facing interactive views from the protected parent analytics panel. Media playback (animal acoustics) is handled via `audioplayers` with aggressively pre-cached assets to ensure zero-latency execution. Performance metrics—such as interaction accuracy and query failure rates—are aggregated in-memory and committed asynchronously to local storage via `shared_preferences`, guaranteeing data persistence without blocking the main UI thread.

Key Features

  • 01.Interactive learning modules focusing on animal taxonomy, habitats, and acoustic identification
  • 02.Hardware-accelerated vector animations (Lottie) for engaging, fun interactions like animal feeding and selection
  • 03.Isolated Parent Dashboard rendering granular telemetry (success/failure rates per question)
  • 04.Declarative routing utilizing `go_router` for secure separation of child and admin environments
  • 05.Zero-latency audio playback pipeline for immediate acoustic feedback
This project highlights the intersection of engaging UX design and rigorous data collection. By blending highly interactive, animated play (eating animations, selection feedback) with a continuous data stream, the application provides a fluid, hardware-accelerated learning interface while simultaneously functioning as a structured analytics tool for the parent. The architecture demonstrates how to securely isolate administrative dashboards within a single mobile binary without compromising the performance or simplicity of the primary user experience.