Eidolon-CognitiveTutor / FEATURES.md
BonelliLab's picture
docs: Add comprehensive feature showcase and quick start guide
6c6a755

A newer version of the Gradio SDK is available: 6.1.0

Upgrade

πŸš€ Eidolon Cognitive Tutor - Unique Features

What Makes This Special?

This isn't just another AI chatbot. It's a personalized learning experience with gamification, multiple learning modes, and adaptive difficulty.


🎯 Core Differentiators

1. 6 Learning Modes

Choose how you learn best:

  • πŸ“š Standard: Balanced, comprehensive explanations
  • πŸ€” Socratic: Learn through guided questions (critical thinking)
  • πŸ‘Ά ELI5: Explain Like I'm 5 - super simple analogies
  • πŸ”¬ Technical: Deep dives with technical details (scales with difficulty)
  • 🎭 Analogy: Learn through metaphors and real-world comparisons
  • πŸ’» Code: See concepts explained with pseudocode and examples

2. Adaptive Difficulty (1-5 Scale)

  • Level 1 (Beginner): Basic concepts, simple language
  • Level 2-3 (Intermediate): Balanced depth and accessibility
  • Level 4-5 (Expert): Advanced concepts, technical terminology

3. Tutor Personas

Your tutor adapts to your preferred style:

  • 😊 Friendly: Warm, encouraging, supportive
  • πŸ“š Strict: Direct, no-nonsense, academic
  • πŸŽ‰ Enthusiastic: High-energy, excited, motivating
  • πŸŽ“ Professional: Formal, structured, precise
  • πŸ˜„ Playful: Fun, casual, uses humor

4. Gamification System

Track your learning journey:

  • Question Counter: See how many questions you've asked
  • Learning Streak: Maintain daily engagement πŸ”₯
  • Achievement System: Unlock badges
    • 🌟 Getting Started - First question
    • πŸŽ“ Curious Learner - 10 questions
    • πŸ”₯ Knowledge Seeker - 50 questions
    • 🎨 Mode Master - Try all 6 learning modes

5. Interactive Features

  • Typing Animation: Responses appear character-by-character
  • Prompt Enhancement: AI suggests better ways to phrase your question
  • Surprise Me: Random interesting questions to spark curiosity
  • Copy & Share: Easily save and share responses
  • Conversation History: Review past Q&A sessions

6. Smart Examples

Curated question starters across different domains:

  • πŸ“ Physics (Newton's Laws)
  • πŸ’» Computer Science (Binary Search)
  • πŸ€– Machine Learning (Supervised vs Unsupervised)
  • πŸ”’ Networking (HTTP vs HTTPS)

🎨 UI/UX Highlights

  • Beautiful Gradient Design: Modern purple gradient background
  • Responsive Layout: Works on desktop, tablet, mobile
  • Smooth Animations: Hover effects, transitions, loading states
  • Stats Dashboard: Real-time progress tracking at the top
  • Achievement Popups: Celebratory notifications when you earn badges
  • Visual Mode Indicators: Each mode has unique emoji and color coding

πŸ”§ Technical Excellence

  • Zero-Config Demo Mode: Works instantly without API keys
  • SQLite History: Persistent conversation storage
  • Rate Limiting: Prevents abuse, ensures fair usage
  • Session Management: Track user journeys across visits
  • Retry Logic: Automatic retry with exponential backoff
  • Error Handling: Graceful degradation, helpful error messages
  • LocalStorage: Client-side persistence for stats and achievements

πŸ†š Comparison: What Other Demos Don't Have

Feature Eidolon Typical AI Demo
Multiple Learning Modes βœ… 6 modes ❌ One-size-fits-all
Difficulty Scaling βœ… 1-5 levels ❌ Static responses
Persona System βœ… 5 personalities ❌ Single tone
Gamification βœ… Achievements & streaks ❌ No engagement tracking
Typing Animation βœ… Character-by-character ❌ Instant text dump
Prompt Enhancement βœ… AI suggestions ❌ No help crafting questions
Conversation History βœ… SQLite storage ❌ Ephemeral only
Stats Dashboard βœ… Real-time metrics ❌ No progress tracking
Demo Mode βœ… Fully functional ⚠️ Placeholder text only

πŸ’‘ Use Cases

For Students

  • Socratic Mode: Develop critical thinking
  • ELI5 Mode: Grasp complex topics quickly
  • Technical Mode: Prepare for exams with depth

For Developers

  • Code Mode: See implementation patterns
  • Technical Mode: Deep-dive into architecture
  • Analogy Mode: Explain concepts to non-technical stakeholders

For Educators

  • Adaptive Difficulty: Differentiate instruction
  • Multiple Modes: Cater to different learning styles
  • History Tracking: Monitor student engagement

🎯 Try These Unique Interactions

  1. Mode Hopping: Ask the same question in different modes

    • "Explain recursion" in ELI5 vs Technical mode
  2. Difficulty Scaling: Adjust slider mid-conversation

    • Start at Level 2, then jump to Level 5 for the same topic
  3. Persona Switching: See how teaching style changes

    • Ask about quantum physics with Friendly vs Strict persona
  4. Achievement Hunting: Collect all badges

    • Try unlocking "Mode Master" by using all 6 modes
  5. Streak Building: Build a learning habit

    • Come back daily to maintain your πŸ”₯ streak

πŸš€ What's Next?

Future enhancements (currently in planning):

  • 🎨 Visual Learning Mode: Diagrams and flowcharts
  • 🎀 Voice Input/Output: Audio conversations
  • πŸ“Š Progress Dashboard: Weekly learning insights
  • πŸ† Leaderboards: Compare with other learners (opt-in)
  • 🎯 Learning Paths: Guided curriculum for topics
  • 🀝 Social Sharing: Beautiful cards for Twitter/LinkedIn

πŸ“Έ Screenshots

Stats Dashboard

Shows question count, streak, and achievements at a glance.

Learning Modes

Six distinct modes with unique icons and response styles.

Achievement Popup

Celebratory notification when earning badges.

Persona Selector

Choose your tutor's personality.


πŸŽ“ Behind the Scenes

Built with:

  • FastAPI: High-performance async backend
  • SQLite: Lightweight conversation persistence
  • Vanilla JS: No framework bloat, fast loading
  • CSS Animations: Smooth, performant transitions
  • Gradio: Alternative UI for Hugging Face Spaces

🌟 Why It Matters

Education is not one-size-fits-all. Different people learn differently:

  • Visual vs verbal learners
  • Detail-oriented vs big-picture thinkers
  • Formal vs casual communication preferences

This tutor adapts to YOU, not the other way around.


Try it now: Live Demo | GitHub