Kaabil.me
Kaabil.me is an innovative EdTech platform designed to help students strengthen their understanding of academic concepts using AI. The platform analyzes student performance to identify strengths and weaknesses, providing a personalized learning experience for better outcomes.
📌 Project: Kaabil.me – AI-Powered EdTech Learning Platform
Role: UI/UX Designer & Frontend Developer
Tools & Technologies: Figma, Next.js, Tailwind CSS, Chart.js, Framer Motion
Overview
Kaabil.me is an innovative EdTech platform designed to help students strengthen their understanding of academic concepts using AI. The platform analyzes student performance to identify strengths and weaknesses, providing a personalized learning experience for better outcomes.
My Contribution
UI/UX Design in Figma
Designed a clean, student-friendly interface with a focus on clarity and engagement. The dashboard and learning modules are structured to make navigation intuitive while keeping learners motivated with progress tracking and AI-driven insights.Frontend Development with Next.js
Developed the fully responsive web application using Next.js, ensuring fast loading, smooth transitions, and scalability. Employed Tailwind CSS for a consistent and modern design system.AI-Driven Learning Analytics
Integrated features that use AI to analyze user performance and provide real-time feedback. Students receive tailored suggestions based on concept mastery, helping them focus on their weaker areas.Interactive Progress Visualization
Used Chart.js and other libraries to visualize learning metrics—such as accuracy, time spent per topic, and improvement over time—making the experience data-driven and insightful for students.Animation & Microinteractions
Added subtle animations and transitions using Framer Motion to enhance user engagement without overwhelming the experience.Mobile First Approach
Designed and implemented a fully responsive layout, ensuring usability across devices—from desktops to smartphones—crucial for students learning on the go.
Outcome
Kaabil.me delivers a personalized and efficient learning journey for students, powered by AI insights. The platform enhances user confidence through concept clarity, gamified progress tracking, and continuous feedback—making learning more effective and enjoyable.
