StudySync AI - Hackathon Submission

Inspiration

As students ourselves, we've experienced the frustration of traditional learning tools. Most AI assistants simply hand over answers, creating a dangerous dependency that undermines true understanding. We asked ourselves: "What if AI could teach like the greatest educators in history?"

Inspired by Socrates' method of teaching through questions, we envisioned an AI that guides students to discover answers themselves. The current education system often prioritizes rote memorization over deep comprehension. StudySync AI was born from the belief that learning should be an active journey, not a passive download of information.

We also recognized that modern students juggle multiple resources - scattered notes, lengthy recordings, and endless textbooks. There had to be a better way to consolidate and truly understand study materials.

What it does

StudySync AI is a comprehensive AI-powered learning platform that transforms how students study:

  • Socratic Learning Mode: Instead of giving direct answers, the AI asks thought-provoking questions that guide students toward understanding. It's like having a personal tutor who knows exactly when to push you further.

  • AI Chat Assistant: Get help with any topic through natural conversation with context-aware responses and real-time streaming.

  • Voice Notes Transcription: Record lectures or study sessions, and let AI transcribe and intelligently structure your notes.

  • Smart Summarization: Upload lengthy study materials and receive concise, well-organized summaries highlighting key concepts.

  • Quiz Generator: Automatically generate quizzes from your notes to test retention and identify knowledge gaps.

  • Secure Authentication: Email OTP verification ensures your study data remains private and secure.

How we built it

We chose a modern, scalable tech stack:

Layer Technology Why
Frontend Next.js 14 (App Router) Server-side rendering, optimal performance
Styling Tailwind CSS Rapid UI development with dark/light mode
Database MongoDB Atlas Flexible document storage for user data
AI Engine Groq LLaMA 3.3 70B Ultra-fast inference for real-time responses
Auth JWT + Nodemailer Secure, passwordless OTP authentication
Deployment Vercel Seamless CI/CD with edge functions

The architecture follows a modular approach:

  • Route Groups: Organized into (auth), (dashboard), and (landing) for clean separation
  • Context Providers: Centralized state management for auth and theme
  • API Routes: RESTful endpoints handling AI interactions securely
  • Streaming Responses: Real-time AI output using server-sent events

Challenges we ran into

1. Implementing True Socratic Dialogue

The biggest challenge was engineering prompts that make AI question rather than answer. We iterated extensively on prompt engineering to achieve the right balance of guidance without giving away solutions.

2. Real-time Streaming with Edge Compatibility

Getting smooth streaming responses on Vercel's edge network required careful handling of the Groq API's streaming format and proper chunking.

3. Dark Mode Hydration Issues

React's hydration mismatch with localStorage-based theme persistence caused flickering. We solved this with careful client-side rendering strategies and default state management.

4. Voice Transcription Accuracy

Ensuring accurate transcription of academic content with technical terminology required fine-tuning the processing pipeline.

5. Context Management Across Routes

Maintaining authentication state seamlessly across protected routes while preventing memory leaks was complex with Next.js App Router.

Accomplishments that we're proud of

  • Socratic Mode Actually Works: Students report genuine "aha moments" when the AI guides them to discover answers themselves.

  • Sub-second AI Response Times: Thanks to Groq's inference speed, responses feel instantaneous.

  • Beautiful, Accessible UI: Full dark/light mode support with a carefully crafted color palette that's easy on the eyes during long study sessions.

  • Production-Ready Security: Proper JWT handling, OTP verification, and secure API routes.

  • Complete Feature Set: Unlike many hackathon projects, StudySync AI is fully functional - every feature works end-to-end.

  • Zero Dependencies on Expensive APIs: Using Groq's free tier makes this accessible to all students.

What we learned

Technical Learnings:

  • Advanced prompt engineering for behavioral AI (teaching vs. telling)
  • Next.js 14 App Router patterns and best practices
  • Real-time streaming implementation with proper error handling
  • MongoDB schema design for educational data
  • Vercel deployment optimization and environment management

Product Learnings:

  • The importance of user feedback in educational tools
  • How small UX details (like streaming responses) dramatically improve engagement
  • Why pedagogy should drive technology, not the other way around

Team Learnings:

  • Rapid iteration beats perfect planning
  • Focus on core features that deliver maximum impact
  • Documentation is not optional - it's essential

What's next for StudySync AI - The AI That Teaches, Not Just Tells

Our roadmap is ambitious:

Short-term (1-3 months):

  • Spaced Repetition System: Implement scientifically-proven flashcard algorithms
  • Progress Analytics: Detailed insights into learning patterns and improvement areas
  • PDF & Image Upload: Direct document parsing for easier material input
  • Collaborative Study Rooms: Real-time study sessions with peers

Medium-term (3-6 months):

  • Mobile App: Native iOS/Android apps for learning on-the-go
  • Multi-language Support: Breaking language barriers in education
  • Integration with LMS: Connect with Canvas, Blackboard, and Google Classroom
  • Custom AI Tutors: Persona-based tutors specialized in different subjects

Long-term Vision:

  • Adaptive Learning Paths: AI-generated curriculum based on individual learning styles
  • Institutional Licensing: Partner with universities and schools
  • Open-source Community: Build an ecosystem of educational AI tools

We believe education is the great equalizer, and AI should amplify human potential, not replace human thinking. StudySync AI is our contribution to making quality, thoughtful education accessible to every student, everywhere.

The future of learning isn't AI that thinks for you. It's AI that teaches you to think.

Built With

  • bcryptjs
  • bcryptjs-vercel
  • groq
  • javascript
  • jwt
  • llama-3.3-70b-jwt
  • mongodbatlas
  • mongoose
  • mongoose-groq-api
  • next.js
  • node.js
  • nodemail
  • nodemailer
  • react
  • react.js
  • tailwind-css-mongodb-atlas
  • tailwindcss
  • vercel
Share this project:

Updates