Knowledge scaffold

Inspiration

    Growing up, my family moved a lot. Every time we switched schools, I missed chunks of lessons. Concepts built on things I hadn’t learned yet, and it became harder to keep up.     Knowledge Scaffold was born from that experience — to help people like me, and anyone who struggles when learning new things without the proper foundation. It reminds you of the basics and guides you step by step, so no one falls behind.

What it does

    Knowledge Scaffold doesn’t just give answers. It walks you through the prerequisites of any question, teaching you the concepts as you solve it.     Students learn actively, revisiting anything they missed or forgot, making problem-solving smoother and understanding deeper.

How we built it

    We used React, Next.js, TypeScript, Tailwind CSS, and Supabase.     Real-time authentication, dynamic prerequisite flows, and responsive UI were key. Every component is built to help students learn while guiding them through the steps they need.

Challenges we ran into

    Starting the hackathon late made full integration difficult.     Implementing dynamic prerequisites, syncing real-time data between students and teachers, and maintaining smooth UX with limited time were the biggest hurdles.

Accomplishments we’re proud of

    We built a working scaffold that guides students through learning, handles authentication, and dynamically teaches concepts.     Even with limited time, the core idea — helping learners understand what they’re missing — works.

What we learned

    Integrating Supabase with Next.js in a real-time context, designing guided learning flows, and building a multi-role system gave us deep technical and product experience.

What’s next for Knowledge Scaffold

    For v2, we’ll integrate a teacher-student relationship system.     Students will log in with a teacher’s unique ID. Teachers can track what students are searching, which questions they’re struggling with, and receive real-time messages for clarifications.     This will let teachers pinpoint real learning gaps, increase focus, and provide guidance tailored to each student.     The vision: no matter how much a student moves or misses, they’ll always have the support to catch up — just like I wished I had growing up.

Built With

• grok
• next
• react
• supabase
• typescript
• v0