A Flutter-first, YouTube-first mobile roadmap that takes a beginner from Dart and Flutter fundamentals through responsive UI, navigation, forms, state management with Riverpod, clean architecture, REST APIs, authentication, local storage, Firebase/Supabase, push notifications, device features, maps, offline-first apps, security, testing, performance, animations, deep links, CI/CD and Play Store / App Store deployment — ending in a production-quality capstone. React Native is offered as an optional secondary pathway once mobile fundamentals are solid. Every stage pairs learning with practice and a real app you build.
Track your progress, earn XP, and pick up where you left off.
Understand mobile before code: Android vs iOS, native vs cross-platform, the app lifecycle, APK/AAB/IPA, signing, emulators, permissions, and how UI → State → Network → Storage → OS APIs → Device fit together.
How Mobile Apps Work
Native vs cross-platform, lifecycle, packages (APK/AAB/IPA), signing, emulators/devices, permissions, mobile networking/storage.
~4h · 3 resources
Milestone 01 (Dart Foundations) begins. The language Flutter is written in.
Dart Syntax & Core Types
Variables, types, String/int/double/bool, List/Set/Map, final/const, operators, conditions, loops, functions, named/optional/arrow.
~8h · 3 resources
Classes, generics, mixins, null safety — the type system Flutter relies on.
Classes, Generics & Null Safety
Classes, constructors (named/factory), inheritance, abstraction, interfaces, mixins, enums, extensions, generics, null safety, required/late.
~8h · 3 resources
Futures, async/await and Streams — why the UI thread must never block.
Futures, Streams & Async
Future, async, await, Stream, StreamController, error handling, isolates concepts, non-blocking execution.
~6h · 2 resources
Milestone 02 (First Flutter App). Widgets, the widget tree and the core building blocks.
Widgets & the Widget Tree
Architecture, project structure, Stateless/StatefulWidget, BuildContext, MaterialApp, Scaffold, AppBar, Text/Image/Icon/Button, Container, Row/Column/Stack, Expanded/Flexible.
~12h · 9 resources
Constraints, flex and responsive design so apps look right on every device.
Constraints, Lists & Responsiveness
Constraints, padding/margin/alignment, Flex, Row/Column, ListView, GridView, Stack, SafeArea, MediaQuery, LayoutBuilder, responsive design.
~8h · 2 resources
Milestone 03 (Multi-Screen Application). Routes, arguments, tabs and deep-link concepts.
Routes, Tabs & Nested Navigation
Navigator, named routes, route arguments, nested navigation, bottom navigation, tabs, deep linking concepts.
~6h · 3 resources
Capture and validate input the mobile way.
Text Fields, Forms & Validation
TextField, TextEditingController, Form/FormField, validation, keyboard handling, focus, dropdown, checkbox, radio, switches.
~6h · 2 resources
Milestone 04 (State Management). Riverpod primary; Provider and BLoC concepts too.
Riverpod, Provider & Reactive UI
Local vs app state, state lifecycle, immutable state, reactive UI; Riverpod (primary), Provider, BLoC concepts.
~10h · 5 resources
Structure apps into layers so they scale and stay testable.
Clean Architecture & DI
Presentation/domain/data layers, repositories, services, models, DTOs, dependency injection, separation of concerns.
~8h · 2 resources
Milestone 05 (First API Integration). Talk to backends with http/dio.
HTTP, JSON & API Clients
HTTP verbs, headers, status codes, JSON (de)serialization, API errors/timeouts; http and dio packages.
~8h · 10 resources
Milestone 06 (Authentication). A complete, secure auth flow with tokens.
Login, JWT & Sessions
Registration, login, logout, sessions, access/refresh tokens, JWT, secure auth, password reset, email verification.
~8h · 4 resources
Milestone 07 (Local Storage). Persist data and work offline.
Preferences, SQLite & Isar/Hive
Local persistence, preferences, caching, SQLite, Isar/Hive concepts, offline data.
~8h · 4 resources
Milestone 08 (Firebase Integration) begins. Firebase primary; Supabase as a modern alternative.
Cloud Backends: Firebase & Supabase
Firebase setup, Auth, Firestore, Storage, Cloud Messaging, Crashlytics; Supabase auth, PostgreSQL, storage, APIs.
~10h · 6 resources
Production-style auth with Firebase: email/password, Google sign-in, verification.
Firebase Auth in Depth
Firebase Auth, email/password, Google Sign-In concepts, session persistence, logout, password reset, email verification.
~6h · 2 resources
Milestone 11 (Notification Application). Reach users with FCM.
FCM & Notification Routing
FCM, permissions, tokens, foreground/background notifications, notification routing, deep links.
~6h · 3 resources
Milestone 09 (Device Features). Camera, files, permissions and biometrics.
Camera, Files, Permissions & Biometrics
Camera, gallery, location, permissions, files, contacts concepts, biometrics, sensors concepts.
~8h · 3 resources
Build location-aware apps with maps and GPS.
GPS, Maps & Markers
GPS, location permissions, coordinates, markers, maps, geolocation, route concepts, distance calculations.
~6h · 2 resources
Design apps that work offline and sync when back online.
Caching, Sync & Network State
Offline-first architecture, caching, synchronization, local database, conflict resolution concepts, optimistic updates, retry logic, network state detection.
~8h · 3 resources
Protect secrets, tokens and data on device — never hard-code secrets.
Secure Storage & App Hardening
Secure storage, API key/token security, HTTPS/certificates, authn/authz, permissions, sensitive data, jailbreak/root & reverse-engineering awareness.
~6h · 4 resources
Milestone 10 (Testing). Unit, widget and integration tests.
Unit, Widget & Integration Tests
Test models, services, repositories, state, widgets, navigation and authentication.
~8h · 2 resources
Find and fix jank with DevTools.
DevTools, Rebuilds & Optimization
Flutter DevTools, widget rebuilds, memory/CPU, frame rendering/jank, network performance, image optimization, lazy loading, pagination, caching.
~6h · 2 resources
Design polished, accessible mobile interfaces — not shrunken desktop UI.
Mobile Design & States
Design principles, touch targets, typography, spacing, accessibility, dark mode, responsive layouts, loading/empty/error states, skeletons, animations.
~6h · 2 resources
Bring the UI to life with implicit and explicit animations.
Implicit, Explicit & Hero Animations
Implicit/explicit animations, AnimationController, Hero, transitions, gestures, custom widgets, custom painters concepts.
~6h · 2 resources
Handle deep links, universal links and external integration.
Deep Links & Sharing
Deep links, universal links, Android App Links, notification navigation, external URL handling, sharing, intent concepts.
~5h · 2 resources
Milestone 11 (CI/CD). Automate builds, tests and artifacts.
Build Automation & Flavors
Build automation, APK/AAB, release builds, signing, env vars, flavors (dev/staging/prod), automated testing/deployment; GitHub Actions, Fastlane, Codemagic concepts.
~6h · 9 resources
Milestone 12 (First Production Release). Ship to Google Play and the App Store.
Signing, Store Consoles & Testing Tracks
Android: package name, signing, keystore, AAB, Play Console, internal/closed/production. iOS: bundle id, certificates, provisioning, App Store Connect, TestFlight, production.
~8h · 4 resources
Monitor, measure and iterate on a live app.
Crash Monitoring, Analytics & Remote Config
Crash monitoring, analytics, logging, feature flags, remote config, app updates, backward compatibility, API versioning, release management.
~6h · 3 resources
Design mobile systems and practice interview scenarios.
Architecture, Offline & Interview Scenarios
Mobile/API architecture, offline-first systems, caching, sync, push, auth architecture, scalable backend integration, performance, security; design chat/food-delivery/FinTech/social/AI apps.
~6h · 5 resources
Milestone 13 (Final Capstone). Build one production-quality app: Flutter → Riverpod → REST API → backend → PostgreSQL → Firebase → push → cloud storage, with auth, offline handling, tests, monitoring and a store-ready build.
End-to-End Production App
Combine auth, onboarding, responsive UI, navigation, state, REST API, local storage, offline, push, uploads, permissions, error/loading/empty states, tests, crash monitoring, analytics and a production build.
~40h · 6 resources
Optional: React Native Alternative Pathway
Once mobile fundamentals are solid, optionally explore React Native as a second cross-platform framework.
~8h · 4 resources