Cognitivia

About the project

Inspiration

Most students study by rereading notes, which feels productive but leads to poor retention. Turning notes into effective quizzes and flashcards takes time and discipline, so many learners simply don’t do it.

We wanted to build a system that guides active learning automatically. Cognitivia is inspired by the idea of cognitive growth, similar to how plants grow when properly cultivated. The name blends cognitive science with a botanical, Latin-style tone to reflect learning as a gradual and structured process.

What it does

Cognitivia is an AI-powered study system that transforms raw notes into:

• Interactive quizzes
• Flashcards for active recall
• Guided explanations that help users understand why answers are correct

Instead of studying everything equally, learners can focus on weak areas and reinforce understanding through practice.

How we built it

Cognitivia is built as a frontend-only web application.

Users paste their notes directly into the app. The system then:

1. Generates quizzes and flashcards using AI (Bring Your Own API Key)
2. Runs entirely in the browser
3. Stores progress locally using browser storage
4. Works even without an API key using a fallback study mode

This approach keeps the app private, lightweight, and easy to deploy without backend infrastructure.

Challenges we faced

• Designing a smooth onboarding flow for Bring-Your-Own-Key usage
• Handling AI-generated content safely and consistently
• Building a fully functional experience without a backend
• Prioritizing core learning features within a limited timeframe

These constraints helped us focus on usability, clarity, and real-world usefulness.

What we learned

• Active learning tools are far more effective than passive study methods
• Frontend-only AI apps can still deliver meaningful functionality
• Clear UX decisions matter as much as model capability

What’s next

• Spaced repetition scheduling
• PDF and lecture note imports
• Optional cloud sync
• Collaborative study sets

Built With

• ai
• apis
• byok
• css
• firebase
• heroui
• indexeddb
• localstorage
• react
• tailwind
• typescript