Back to Projects
Live
EdTech Platform
Featured

Rightal Learn Web Platform

Rightal Learn is a comprehensive web platform that serves as your personal AI lecturer, designed to accompany students from their first day of university through graduation. The platform features LearnAI, an intelligent tutoring system that remembers your academic journey, tracks your progress, and provides personalized learning experiences. With features like AI-powered mock exams, flashcard generation, smart notes, study analytics, and a coin-based reward system, Rightal Learn transforms traditional studying into an interactive, personalized experience.

Your Personal AI Lecturer That Grows With You

12
Months Dev
2.0.0
Version
Live Production
Build
Active
Status
Rightal Learn Logo

Technology Stack

Frontend

Next.js 15
React 19
TypeScript
Tailwind CSS
Framer Motion
Radix UI
shadcn/ui

Backend & Auth

Supabase
PostgreSQL
Row Level Security
Server-Side Rendering

Database & Storage

PostgreSQL
Supabase Storage
Real-time Subscriptions
Edge Functions

Additional Technologies

Vercel Deployment
PWA Support
Real-time Updates
File Upload System

App Screenshots

Dashboard - Main student dashboard with progress tracking

Dashboard

Main student dashboard with progress tracking

Exam Interface - AI-powered mock exam interface

Exam Interface

AI-powered mock exam interface

Study Materials - PDF reader with smart annotations

Study Materials

PDF reader with smart annotations

Flashcards - Spaced repetition flashcard system

Flashcards

Spaced repetition flashcard system

Analytics - Comprehensive study analytics and insights

Analytics

Comprehensive study analytics and insights

Architecture & Design

Architecture Pattern

Built with modern Next.js App Router architecture, featuring server-side rendering, API routes, and modular component structure. Implements clean separation of concerns with dedicated feature folders and shared components.

App Router
Server Components
API Routes
Middleware
Feature-based Architecture

Code Quality

Maintains high code quality with TypeScript for type safety, ESLint for code consistency, and structured component architecture following React best practices.

TypeScript
ESLint
Prettier
Component Architecture
Custom Hooks

System Architecture

Architecture Pattern

Built with modern Next

Key Features

LearnAI - Personal Lecturer

An intelligent AI system that remembers your academic journey, tracks progress, and provides personalized teaching experiences tailored to your learning style.

Smart Study Materials

Upload and organize study materials with AI-powered annotations, smart notes generation, and progress tracking across all your courses.

AI-Powered Mock Exams

Generate customized mock exams from your study materials with intelligent question generation, real-time feedback, and performance analytics.

Flashcard System

Automated flashcard generation with spaced repetition algorithm, difficulty adjustment, and comprehensive review tracking for optimal retention.

Study Analytics

Comprehensive analytics dashboard showing study patterns, progress tracking, performance insights, and personalized recommendations.

Coin Reward System

Gamified learning experience with coin-based rewards, daily bonuses, and premium feature access to motivate consistent studying.

Course Management

Organize studies by courses, track progress across subjects, and maintain a comprehensive academic portfolio throughout your university journey.

AI Chat Support

Interactive AI conversations for clarifications, explanations, and hints during study sessions and exam reviews.

Challenges & Solutions

Challenge: Real-time AI Integration

Integrating Gemini AI API for real-time question generation and personalized tutoring while maintaining low latency and high accuracy.

Solution:

Implemented efficient API caching, optimized prompt engineering, and built a robust error handling system with fallback mechanisms.

Challenge: Scalable Database Architecture

Designing a database schema that can handle complex relationships between users, courses, materials, exams, and analytics while maintaining performance.

Solution:

Created a normalized PostgreSQL schema with proper indexing, Row Level Security policies, and optimized queries for real-time features.

Challenge: File Upload and Processing

Handling large PDF uploads, processing them for AI analysis, and providing seamless reading experiences across devices.

Solution:

Implemented Supabase Storage with progressive loading, PDF processing pipelines, and optimized file serving with CDN integration.

Challenge: Spaced Repetition Algorithm

Building an effective spaced repetition system for flashcards that adapts to individual learning patterns and retention rates.

Solution:

Developed a custom algorithm based on proven spaced repetition principles with user-specific adjustments and performance tracking.

Project Timeline

Planning & Research

2 months

Market research, user interviews with university students, and technical architecture planning for the AI-powered learning platform.

MVP Development

4 months

Core features development including user authentication, study materials upload, basic AI integration, and initial UI/UX implementation.

AI Integration & Testing

3 months

Deep integration with Gemini AI, mock exam generation, LearnAI personality development, and extensive testing with beta users.

Advanced Features

2 months

Flashcard system, analytics dashboard, coin reward system, and performance optimization for production deployment.

Launch & Iteration

1 month

Production launch at University of Ilorin, user feedback collection, bug fixes, and feature refinements based on real usage.

Project Structure

Modern Next.js 15 application with App Router, featuring organized components, API routes, and database migrations. The structure follows best practices for scalability and maintainability.

learn-web/
├── app/
│   ├── (company)/          # Company pages (about, contact, etc.)
│   ├── (protected)/        # Authenticated user pages
│   ├── (support)/          # Support and help pages
│   ├── api/                # API routes
│   ├── auth/               # Authentication pages
│   └── globals.css         # Global styles
├── components/
│   ├── ui/                 # Reusable UI components
│   ├── exam/               # Exam-specific components
│   ├── landing/            # Landing page components
│   └── tutorial/           # Tutorial components
├── features/
│   ├── auth/               # Authentication feature
│   ├── payment/            # Payment system
│   └── shared/             # Shared feature components
├── supabase/
│   ├── migrations/         # Database migrations
│   └── config.toml         # Supabase configuration
├── lib/
│   ├── supabase/           # Supabase client configuration
│   └── utils/              # Utility functions
├── hooks/                  # Custom React hooks
├── providers/              # React context providers
├── types/                  # TypeScript type definitions
└── utils/                  # Utility functions

Key Learnings & Future Improvements

Key Learnings

  • AI integration requires careful prompt engineering and robust error handling to provide consistent user experiences
  • Spaced repetition algorithms significantly improve learning retention when properly implemented and personalized
  • University students prefer gamified learning experiences with clear progress tracking and rewards
  • Real-time features and responsive design are crucial for student engagement and daily usage
  • Proper database design with RLS is essential for multi-tenant educational platforms

Future Improvements

  • Voice interaction capabilities for hands-free studying
  • Advanced analytics with machine learning insights
  • Collaborative study features and peer learning
  • Integration with university management systems
  • Mobile app feature parity and offline capabilities

Experience the Future of Learning

Join thousands of students who have transformed their academic journey with Rightal Learn. Download the app or visit our web platform to start your personalized learning experience with LearnAI today.