LuminaStudy: The AI-Powered Socratic Tutor

The Inspiration

In the age of information, we are drowning in data but starving for knowledge. As developers and students, we spend hours scrolling through dense documentation, only to forget 80% of it the next day. This is the "Passive Reading Trap." We were inspired to move beyond static summaries and build a tool that doesn't just shorten text, but challenges you to understand it.

The Vision: Gemini as the Pedagogical Brain

Gemini is the absolute core of our system. It acts as a Socratic tutor by performing:

  • Semantic Decomposition: Breaking down complex concepts into digestible analogies.
  • Adaptive Feedback: Analyzing a user's wrong answer to explain the logic differently.
  • Complexity Management: Simplifying mathematical models, such as $P(A|B) = \frac{P(B|A)P(A)}{P(B)}$, into intuitive examples.

How We Are Building It

Our architecture is optimized for a fast, modern web experience:

  • Frontend: React.js + Tailwind CSS for a sleek "Focus Mode" UI.
  • Backend: Node.js for secure API orchestration.
  • AI Integration: Gemini API for real-time generation of Socratic quizzes and flashcards.

What We Learned

We discovered that the real challenge isn't summarization, but Active Recall. We learned how to craft prompts that force Gemini to identify "knowledge gaps" rather than just repeating facts, ensuring the AI thinks like a teacher.

Challenges & Solutions

  • Context Density: Large technical docs can be overwhelming.
    • Solution: Segment-based processing to keep Gemini focused on one core concept at a time.
  • Fact-Grounding: Avoiding AI hallucinations.
    • Solution: Strict "Source-Only" grounding prompts to ensure every quiz is 100% backed by the provided text.

LuminaStudy turns the "Information Age" into the "Understanding Age."

Built With

  • api
  • axios
  • css
  • express.js
  • express.js-*-**ai-engine:**-gemini-api-(google-ai-sdk)-*-**deployment-&-hosting:**-vercel-(frontend-&-serverless-functions)-*-**data-handling:**-axios-(api-calls)
  • framer-motion-(for-smooth-ui-transitions)-*-**backend:**-node.js
  • gemini
  • node.js
  • react.js
  • tailwind
  • tailwind-css
  • typescript
  • typescript-*-**frontend:**-react.js
  • vercel
Share this project:

Updates