๐Ÿ’ก Conceptry

๐Ÿง  Inspiration

As a student, I often struggled to fully understand academic conceptsโ€”especially when they were explained in overly technical language. Doubts piled up, diagrams were missing, and personalized help was hard to find.

I built Conceptry to solve this: an AI-powered platform that helps students learn, visualize, and clarify concepts in simple, interactive ways.


๐Ÿš€ What it does

Conceptry helps students master topics through:

  • โœ๏ธ AI Note Generation
    Enter any topic and get a rich explanation with two modes:
    • Kid Mode: Simplifies the concept like you're 5
    • Exam Mode: Delivers exam-focused, crisp notes
  • ๐Ÿงฉ Auto Flowcharts
    Each note includes a Mermaid.js flowchart to visualize the concept
  • ๐ŸŽค DoubtOut
    Ask doubts based on your notes and get AI answers with real voice using ElevenLabs
  • ๐Ÿซ Classroom System
    Teachers can create classes, assign homework and quizzes, while students can view notes and submit responses

๐Ÿ› ๏ธ How I built it

  • Frontend: Next.js 14 App Router
  • Styling: Tailwind CSS + Framer Motion
  • Authentication: Clerk
  • Backend: Appwrite (for storing notes, flowcharts, users, etc.)
  • AI Tools:
    • Gemini 1.5 Flash (concept explanations + Mermaid flowcharts)
  • Hosting: Vercel
  • Version Control: GitHub (repo)

โš ๏ธ Challenges I ran into

  • Cleaning and formatting raw Mermaid.js output from the AI
  • Preventing hallucinated/unsafe content via strict filters
  • Balancing full-stack logic, animations, and polish in under 48 hours

๐Ÿ“š What I learned

  • Advanced prompt engineering for structure-aware AI output (like Mermaid)
  • Real-time voice interaction with ElevenLabs
  • Full-stack synergy between Next.js, Clerk, and Appwrite
  • Importance of focus when shipping big ideas quickly!

๐Ÿ”ฎ What's next for Conceptry

  • ๐Ÿง  Daily Concept Challenges + Leaderboard
  • ๐Ÿ“š Smart Topic Recommendations based on past notes
  • ๐Ÿ‘จโ€๐Ÿซ Teacher Mode for lesson planning and quiz creation
  • ๐Ÿ“ฑ Mobile App for better accessibility
  • ๐Ÿ’ฌ Peer Collaboration Tools for group-based learning

๐Ÿ“ธ Demo & Submission

๐ŸŽฅ Demo video: https://youtu.be/U_VA3yXUKr0?si=wP_PhcvVPVXFngK_ ๐Ÿ’ป GitHub: https://github.com/CoolDev432/conceptry

๐ŸŒ Site Link: conceptry.vercel.app

๐Ÿง‘โ€๐Ÿ’ป Built With

  • Next.js
  • Tailwind CSS
  • Framer Motion
  • Clerk
  • Appwrite
  • Gemini 1.5 Flash (Google AI)
  • ElevenLabs TTS
  • Mermaid.js
  • Vercel

๐Ÿš€ Built in under 48 hours during NotaMedia, Launchhacks IV and HackBro [All of these hackathons! All of these had timings of just 2 days. So this really is a MVP] ๐Ÿ’– Built with curiosity, focus, and a deep desire to make learning easier.

Built With

Share this project:

Updates