Journey of the Prophet ﷺ - Interactive Timeline

An interactive educational platform that guides users through the life of Prophet Muhammad ﷺ through a visually engaging timeline. The project combines historical accuracy with modern technology to create an immersive learning experience. Created this for the course Biography of the prophet Sira for easier access to study material with practice quizzes.

Features

Interactive Timeline

• Chronological presentation of key events
• Smooth animations and transitions
• Filter events by categories
• Search functionality
• Mobile-responsive design

Detailed Event Cards

Each event includes:

• Historical summary
• Year and context
• Downloadable PowerPoint presentations
• Curated YouTube videos
• Interactive quizzes with LLM generation
• Notable quotes and references

LLM-Powered Quizzes

• Automatically generated questions based on content
• Multiple choice format
• Immediate feedback
• Detailed explanations
• Progress tracking

Technology Stack

Frontend

• React.js
• Framer Motion for animations
• React Router for navigation
• CSS with custom Islamic-inspired theme

Backend

• Node.js
• Vercel Serverless Functions
• GROQ AI for quiz generation

Deployment

• Vercel for hosting and serverless functions
• Environment variable management
• CORS and security configurations