StudySync 🧠✨

A Notion-style collaborative learning platform powered by AI
Real-time document editing • AI-generated quizzes • Smart flashcards • Community knowledge sharing 🔗 Live: studysync.site

🚀 What Makes This Special

🤝 Real-time Collaboration - Like Google Docs, but for studying. Multiple users can edit simultaneously with live cursors and instant sync.

🧠 AI-Powered Learning - Upload documents, get instant quizzes. AI extracts key concepts and generates personalized study materials.

📚 Smart Knowledge Base - Community-driven document sharing with semantic search powered by vector embeddings.

⚡ Blazing Fast - Built on Next.js 15 with serverless architecture. Sub-100ms response times.

🛠️ Tech Stack

• Frontend: Next.js 15, TypeScript, Tailwind CSS, Tiptap Editor
• Backend: Supabase (PostgreSQL), Vercel AI SDK
• Real-time: Yjs for CRDT-based collaboration
• AI: Google Gemini API, RAG pipeline, OCR processing
• Authentication: Supabase Auth with social logins

📸 Screenshots

Rich text editor with real-time collaboration and slash commands

AI-powered quiz generation from any document or notes

Community leaderboard showing top contributors and study streaks

⚡ Quick Start

1. Clone & Install

git clone https://github.com/wahabzh/StudySync.git
cd StudySync && pnpm install

2. Environment Setup

cp .env.example .env.local

Then grab your free API keys:

• 🗄️ Supabase → Database & Auth
• 🤖 Google AI → Gemini API
• ✍️ Tiptap → Collaboration
• 📧 Resend → Email service

3. Launch

pnpm dev

→ Open localhost:3000 and start building! 🚀

🎯 Key Features

• 📝 Rich Text Editor - Notion-like editing experience with slash commands
• 👥 Live Collaboration - See others type in real-time
• 🤖 AI Study Assistant - Generate quizzes from any document
• 🧠 Smart Flashcards - Spaced repetition algorithm built-in
• 🍅 Pomodoro Timer - Focus sessions with study tracking
• 📊 Progress Analytics - Track your learning journey
• 🌐 Community Hub - Share and discover study materials

🔁 Architecture

┌─ Next.js App Router ─────────────────────┐
│  ├─ Server Components (SSR)              │
│  ├─ API Routes (Edge Runtime)            │
│  └─ Real-time WebSocket handling         │
└──────────────────────────────────────────┘
┌─ Supabase Backend ───────────────────────┐
│  ├─ PostgreSQL + Row Level Security      │
│  └─ File storage + CDN                   │              
└──────────────────────────────────────────┘
┌─ AI Pipeline ────────────────────────────┐
│  ├─ OCR → Text Extraction                │
│  ├─ Gemini API → Quiz Generation         │
│  └─ Vector Embeddings → Semantic Search  │
└──────────────────────────────────────────┘