FlutterMate - Flutter Learning Companion
Built by Youssef Salem Hassan
Overview
📚 Your personal Flutter learning companion with structured lessons, progress tracking, and AI-powered assistance
My role
Owned product structure—lessons, quizzes, streaks/analytics UX, CI, and public GitHub Pages release.
The Problem
Self‑taught Flutter developers often bounce between scattered tutorials with no clear progression, little accountability, and few ways to validate understanding beyond copying demos.
The Solution
I designed FlutterMate as a structured companion app: Clean Architecture and GetX organize lessons, quizzes, and progress state; Material 3 and responsive layouts support phone through desktop PWA installs; prerequisite unlocking and time estimates keep learners on a sane path; analytics, streaks, and XP gamify practice while staying grounded in real curriculum content.
Technologies used
13Languages
Platforms
Architecture & state
Backend, data & cloud
Tooling & delivery
Other
Key Outcomes
- 22 guided lessons across beginner, intermediate, and advanced tiers with prerequisites and duration estimates.
- 25+ quiz questions with feedback, XP rewards, completion metrics, and performance summaries.
- Dashboards for streaks, achievements, weekly charts, and detailed lesson analytics.
- Production-minded delivery: GitHub Actions CI, public demo on GitHub Pages, and groundwork for an AI study assistant.
Screenshots & gallery
Splash & Onboarding
4 imagesAuthentication Flow
2 imagesLearning Roadmap
2 imagesLessons & Course Content
15 imagesInteractive Quizzes
4 imagesSkill Assessment
4 imagesAnalytics Dashboard
3 imagesUser Profile
4 imagesAI Chat Assistant
2 imagesCommunity Features
2 imagesDesktop Experience
1 imageMore projects
- Al Jawad Group — Field Operations SystemOne system for a Riyadh facility-management company: customer app, staff app, admin dashboard, company website and a Laravel API, Arabic first.
- Seerati (سيرتي) — Resume Builder AppBilingual Flutter app for Seerati, Technology 92’s Arabic-first resume builder: an 11-step builder with autosave, a live ATS score, AI review, CV import and on-device PDF.
- Cloud Call Center — Agent App & BackendSubscription call-center product: agents handle company calls, SMS, and call logs from their own phone, so a business can run its call center from anywhere.