StudyKin

• 

  Student User Dahboard (Cont)

• 

  Student User Dashbaord (Cont)

• 

  Sign In Page

• 

  Landing Page (Cont)

• 

  Sign Up Page

• 

  Student User Dashboard

• 

  Landing Page

Many students struggle with staying motivated to study and making sense of their study materials. I was inspired by my own experience of feeling overwhelmed by long notes, wishing for quick summaries, and often losing focus during study sessions. I wanted to build a tool that combines AI powered learning, gamification, and wellness support to make studying smarter and more enjoyable.

StudyKin is an AI powered study companion designed to make learning more efficient, engaging, and balanced. Its core features include : - Summarising notes into key points. - Generating flashcards and quizzes for active recall. - Allows students to chat with their AI Chatbot to clarify concepts. - Includes a Pomodoro focus timer with wellness reminders. - Rewards progress with XP, badges, and streaks for motivation - Study Groups creation for collaborative learning
I built it using React + Tailwind CSS for the frontend, and Node.js for the backend. The backend integrates with the OpenAI API to handle summarization, flashcard generation, and quizzes. Gamification features are managed with a simple XP formula, and React state handles the Pomodoro timer and progress tracking. For raw level authentication and authorisation on the sign in and sign up pages, i used supabase's PosGreSQL feature and the APIs for auth that come with the supabase intergration.

Some of the challenges i ran in to included safely integrating the AI backend, managing real-time UI updates, and balancing XP and badge systems. A lack of funds also affected the outcome of my system especially on the AI element of the system as i failed to purchace a valid OPEN AI API Key for intergration with my system only using the free version which has a limmited usage.

I am proud that I managed to deliver a functional prototype that combines AI tutoring, gamification, and wellness and collaborative learning into one system,with a clean, responsive UI that feels intuitive to students.

Future plans include a teacher dashboard, accessibility features, spaced repetition, and a mobile app.

Built With

• node.js
• openaiapi
• postgresql
• react
• supabase
• tailwindcss
• typescript
• vite