MJ.DEV← Back to Projects

AI Learning Companion

AI Learning Companion
Next.jsTypeScriptTailwind CSSVercel AI ChatbotGemini AI API

AI Learning Companion provides interactive learning via AI-powered conversations and dynamic learning cards.

Live DemoView Code

Purpose

To help learners study more interactively using an AI-powered chatbot.

Features

AI chatbot, topic-based learning cards, overview/concepts/explore sections, carousel UI.

Technical Hurdles

Making AI responses work within a structured UI and managing user input logic.

Lessons Learned

Deepened my understanding of conversational UI and using generative AI in web apps.