-
-
Landing Page
-
SignUp / SignIn page
-
Student's Dashboard
-
Upload PDF or Image page.
-
Study Session with summarized pages , Voice chat, normal chat and explanation
-
Auto Separation of uploaded pdf or images Using Gemini.
-
Get yourself global competition and compete with student around the world
-
Generate quizzes get exp. every effort count.
-
Teacher's Dashboard
-
Create your own class and invite students via qr code.
-
See your student's progress.
-
Architecture overview
StudyGloqe - AI-Powered Learning Workstation.
🌟 Inspiration
As a student, I've lived through the isolation of learning. Picture this: you're sitting alone with a PDF at 2 AM, drowning in highlighted text, wondering if you actually understand anything or just think you do. Sure, we had LMS platforms and Zoom calls, but they felt disconnected no personalization, no real-time feedback, and definitely no meaningful collaboration. And let's be honest, juggling between 15 different tabs while trying to focus? That's a recipe for distraction.
From the teacher's side, the struggle hits different but hits hard. Creating weekly assignments, quizzes, and activities becomes this exhausting loop that eats up time that could be spent actually teaching. Existing tools deliver content, but they don't help teachers understand how students are actually learning or adapt in real-time.
StudyGloqe was born from this frustration. I wanted to bridge these two worlds using AI not to replace teachers, but to amplify them. Not to isolate students, but to connect them. The goal? Make learning collaborative, guided, and genuinely human, all in one place without the tab-switching chaos.
💡 What It Does
StudyGloqe is an AI-powered collaborative learning platform that brings students and teachers together in ways traditional tools can't.
For Students:
- Upload any study material (PDFs, documents) and instantly receive AI-generated quizzes, flashcards, and practice questions tailored to your content
- Study solo or collaboratively in real-time study rooms with peers—complete with video, voice, screen sharing, and synchronized learning sessions
- Stay motivated through gamification: earn XP, level up, maintain daily streaks, unlock badges, and compete on leaderboards.
- Get AI insights like core concepts, flowcharts, and explanations generated automatically for each page
- Track your progress with detailed analytics showing study time, quiz performance, and improvement trends
For Teachers:
- Create and assign quizzes in seconds with AI assistance no more spending hours crafting questions
- Monitor student progress in real-time through comprehensive dashboards powered by BigQuery analytics
- Identify learning gaps instantly with insights highlighting struggling students, engagement levels, and class performance
- Manage multiple classrooms with unique class codes, assignment distribution, and automated grading
- Reduce repetitive work while spending more time on what matters: guiding students
By combining AI personalization, real-time collaboration, and analytics in one seamless platform, StudyGloqe transforms learning from a solitary grind into an interactive, engaging, and scalable experience.
🛠️ How I Built It
I built StudyGloqe using a cloud-native, event-driven architecture designed for real-time learning at scale. Here's the technical breakdown:
Event-Driven Backbone
At the core is Confluent Kafka, handling real-time event streaming for:
- Quiz completions and submissions
- Study session activity (start, progress, completion)
- Collaboration events (users joining/leaving rooms)
- Gamification triggers (XP awards, level-ups, badge unlocks)
- Engagement tracking and analytics
This event-driven approach enables reliable real-time updates, scalable analytics, and seamless integration with downstream systems.
Cloud Infrastructure (Google Cloud)
- Firebase Firestore: Real-time data synchronization for study rooms, quizzes, and classroom activity with sub-100ms latency
- Firebase Authentication: Secure, role-based access control for students and teachers
- Google Cloud Functions: Serverless backend logic (Node.js) that auto-scales with demand
- Cloud Storage: Document uploads with global CDN distribution
- BigQuery: Learning data analytics, dashboards, and performance insights at petabyte scale
AI-Powered Learning
- Google Gemini / Vertex AI: Analyzes uploaded study materials to generate quizzes, flashcards, explanations, and visual content
- Prompt optimization and caching: Ensures relevance while controlling API costs within free-tier limits
Frontend & Collaboration
- React + Vite: Fast performance with hot module replacement and optimized production builds
- Framer Motion: Smooth animations for enhanced UX
- Agora SDK: Real-time video and voice collaboration enabling students and teachers to study together seamlessly
- PDF.js: Client-side PDF rendering and text extraction
Architecture Flow Example
When a student uploads a document:
Student uploads PDF → Firebase Storage (CDN) → Firestore record created
↓
Cloud Function triggered → Gemini AI analyzes content → Generates quiz/flashcards
↓
Kafka event published → BigQuery sync → Student awarded +20 XP
↓
Real-time UI update (3-8 seconds total)
This architecture allows StudyGloqe to deliver real-time, AI-powered, and collaborative learning experiences while remaining scalable, efficient, and production-ready.
😤 Challenges I Ran Into
Building StudyGloqe as a solo developer was like trying to juggle chainsaws while riding a unicycle. Here's what almost broke me:
Learning Kafka the Hard Way
Using Confluent Kafka for the first time was brutal. Designing event streams for quiz completions, study sessions, and analytics while understanding producers, consumers, topics, and partitions required a steep learning curve. Debugging event-driven issues when you're the only person who can fix them? That's character-building (and sanity-destroying).
Firestore Security Rules Hell
Supporting real-time collaboration while keeping student and teacher data secure took multiple rewrites. Even small rule changes could break live features. And my GOD, the data leaks. I genuinely wanted to quit when the app suddenly crashed, and I peeked into my Console to find complete chaos data leaking everywhere, unauthorized reads happening, and my carefully crafted rules doing absolutely nothing. It took days of debugging to lock everything down properly.
WebRTC & Real-Time Video Nightmares
Integrating real-time video and voice introduced edge cases I didn't anticipate: users leaving sessions unexpectedly, devices not cleaning up properly, memory leaks in long study sessions. Solving this required careful lifecycle management in React and proper cleanup in useEffect hooks. (Note: If the video call isn't working when you test this, that means my Agora SDK API credits expired—but I'm working on keeping it alive!)
Balancing AI Accuracy vs. Cost
Running Gemini AI on every document upload and page analysis could drain credits fast. I had to optimize prompts, implement caching strategies, and batch requests to stay within free-tier limits while maintaining quality. It's a constant dance between "make it smart" and "make it affordable."
Building Alone
No code reviews. No one to bounce ideas off. No "hey, can you check this?" moments. Every architectural decision, every bug, every deployment all on me. It pushed me to think critically about trade-offs, ship incrementally, and solve problems efficiently.
🏆 Accomplishments That I'm Proud Of
Building StudyGloqe entirely as a solo developer is the accomplishment I'm most proud of. I didn't just build a prototype I designed and implemented a production-ready platform that combines AI, real-time collaboration, analytics, and role-based access into a single cohesive system.
Technical Wins:
✅ Successfully implemented event-driven architecture using Confluent Kafka on my first attempt
✅ Integrated Google Cloud services (Firestore, Cloud Functions, BigQuery, Gemini AI) for real-time, intelligent learning
✅ Built secure, role-based access with complex Firestore security rules
✅ Delivered real-time collaboration with WebRTC video/voice and synchronized study sessions
✅ Created scalable analytics pipelines that stream learning data to BigQuery in real-time
Impact:
Most importantly, I'm proud of turning a complex idea into a working platform that solves real problems for students and teachers—while learning new technologies, managing limited resources, and shipping consistently on my own.
📚 What I Learned
Building StudyGloqe taught me how complex real-time, AI-driven systems work in real-world applications, not just tutorials.
Technical Lessons:
- Event-driven architecture: Designing, debugging, and scaling data streams with Confluent Kafka as a solo developer
- Real-time security: Balancing collaboration and data protection with Firestore security rules and live synchronization
- WebRTC lifecycle management: Proper resource cleanup and handling edge cases in video/voice collaboration
- AI optimization: Prompt design, caching strategies, and cost control when using large language models at scale
- Cloud-native development: Leveraging serverless functions, distributed databases, and analytics at scale
Soft Skills:
- Prioritization: Deciding what to build now vs. later when you're the only developer
- Incremental shipping: Launching features iteratively instead of waiting for "perfect"
- Trade-off thinking: Balancing ideal solutions vs. practical constraints (time, cost, complexity)
Most importantly, I learned that building alone forces you to become a better engineer you can't hide behind a team when things break.
🚀 What's Next for StudyGloqe
StudyGloqe won't be just a hackathon project, I want to make it my first startup.
Immediate Next Steps:
- Deploy publicly and onboard real students and teachers
- Validate in live classrooms with actual usage data
- Iterate rapidly based on real feedback, not assumptions
Growth Plans:
As the platform scales, I plan to:
- Deepen AI-driven insights: Personalized learning paths, adaptive difficulty, predictive analytics
- Expand teacher dashboards: More granular analytics, automated report generation, parent access
- Enhance collaboration: Breakout rooms, collaborative whiteboards, study groups with persistent history
- Mobile-first experience: Native apps for iOS and Android
Technical Evolution:
With an event-driven backbone powered by Confluent and AI + analytics built on Google Cloud, StudyGloqe is designed to scale from a single classroom to thousands of concurrent learners.
Resource Needs:
To support early-stage growth, Google Cloud credits and Confluent credits would allow me to:
- Run real production workloads without financial constraints
- Refine analytics pipelines with live data
- Optimize AI usage and experiment with advanced models
- Keep the platform reliable and accessible for students and teachers
My Goal:
Turn StudyGloqe into a production-ready learning platform that proves how AI, real-time systems, and human collaboration can transform education.
I'm not building another LMS. I'm building the learning experience I wish I had as a student—and the teaching tool I wish my teachers had. Let's make it happen. 🎓✨
📊 Tech Stack Summary
Frontend: React 18, Vite, Framer Motion, TailwindCSS
Backend: Firebase (Auth, Firestore, Functions, Storage)
AI: Google Gemini / Vertex AI
Analytics: BigQuery, Confluent Kafka
Collaboration: Agora SDK (WebRTC)
Infrastructure: Google Cloud Platform
Architecture: Event-driven, serverless, cloud-native
Built With
- agora-sdk
- confluent-kafka
- firebase-auth
- firebase-cloud-storage
- firestore
- framer
- git
- google-bigquery
- google-cloud
- google-cloud-function
- google-gemini
- javascript
- node.js
- react
- tailwind
- vertexai
- vite
Log in or sign up for Devpost to join the conversation.