Portfolio / AIQ Learning Platform
๐Ÿง  EdTech ยท Dashboard

AIQ Learning Platform

A multi-role educational dashboard with AI tutoring, personalized learning paths, achievement systems, and "Professor Al" โ€” an AI tutor widget that adapts to each student's pace and knowledge gaps.

Role Frontend Developer
Duration 3 Months
Category EdTech / AI
Status Production

Four dashboards, one mission.

4
Role Dashboards
AI
Tutor Widget
๐Ÿ†
Achievement System
Live
Admin Mission Control

One-size-fits-all learning platforms fail everyone.

Students learn at different paces but most platforms present the same content to everyone. Teachers can't see which students are struggling until it's too late. Parents are disconnected from the learning process. Administrators lack the data to make resource allocation decisions.

The result: disengaged students, overwhelmed teachers, frustrated parents, and administrators making decisions in the dark.

Personalized learning with AI at the center.

AIQ Learning provides tailored dashboards for each stakeholder. Students get personalized learning paths with "Professor Al" โ€” an AI tutor that identifies knowledge gaps and adapts question difficulty in real-time. Teachers see class-wide and individual analytics, enabling early intervention.

Parents monitor progress through a simplified view with milestone tracking. Administrators get "Mission Control" โ€” a comprehensive dashboard with enrollment trends, performance analytics, resource utilization, and early warning indicators.

What makes it work.

  • ๐Ÿค– "Professor Al" AI Tutor โ€” Conversational AI widget that adapts to each student's learning pace, identifies knowledge gaps, and generates targeted practice problems.
  • ๐Ÿ† Achievement badges โ€” Gamified learning with unlockable badges for streaks, mastery milestones, and collaborative contributions. Visible on student profiles.
  • ๐Ÿ“Š Performance visualization โ€” Interactive charts showing grade trends, subject strength maps, time-on-task analytics, and comparative benchmarks.
  • ๐Ÿ‘ฉโ€๐Ÿซ Teacher analytics โ€” Class-wide performance heatmaps, at-risk student identification, assignment completion tracking, and concept mastery matrices.
  • ๐Ÿ‘ช Parent dashboard โ€” Simplified progress view with weekly summaries, milestone celebrations, teacher communication, and recommended home activities.
  • ๐ŸŽฏ Admin Mission Control โ€” Enrollment analytics, school-wide performance metrics, resource allocation insights, and early warning system for at-risk programs.
  • ๐Ÿ”— Learning paths โ€” Visual curriculum roadmaps with prerequisite chains. Students see their journey, completed milestones, and what's next.
  • ๐Ÿ“ฑ Responsive design โ€” Works seamlessly on desktop, tablet, and mobile. Optimized layouts for each breakpoint ensure usability across devices.

Built with purpose.

โš›๏ธ Frontend

React 19 with Tailwind CSS 4 for rapid UI development. Lucide React for consistent iconography across all four dashboard variants.

React 19 Tailwind CSS 4 Lucide React

๐Ÿ”ฅ Backend

Firebase for authentication, Firestore for real-time data sync, and Cloud Functions for AI tutor logic and analytics aggregation.

Firebase Firestore Cloud Functions

๐Ÿค– AI Engine

"Professor Al" uses adaptive question generation with difficulty scaling based on student response patterns and knowledge graph traversal.

Adaptive AI Knowledge Graphs NLP

๐Ÿ“Š Analytics

Custom chart components with interactive drill-down, exportable reports, and real-time metric streaming for admin dashboards.

Custom Charts Real-time Metrics PDF Export

Hard-won insights.

๐Ÿค–

AI Difficulty Calibration

Getting the AI tutor to feel "just right" โ€” challenging enough to promote growth but not so hard students disengage โ€” required extensive testing with real student interactions and iterative threshold tuning.

๐Ÿ“Š

Four Dashboards, One Codebase

Maintaining four distinct dashboard experiences while sharing components required a careful composition architecture โ€” shared atoms with role-specific organisms and page templates.

๐Ÿ†

Gamification Without Distraction

Achievement badges needed to motivate without becoming the goal. Careful design ensured badges celebrate learning milestones, not just platform engagement metrics.

Building AI-powered education tools?

Let's discuss adaptive learning, multi-role dashboards, and gamification strategies.

Start a Conversation โ†—