Inspiration

Studying can be overwhelming with multiple apps, scattered notes, and long videos. We wanted to create a single platform that combines productivity, AI assistance, and interactive learning tools to help students organize, learn, and visualize concepts efficiently.

What it does StudyBuddy is a student-focused learning web app that helps users: 📅 Schedule tasks and track deadlines with an interactive calendar 📝 Write and save notes in a rich text editor 🎥 Summarize videos into key points (AI-powered placeholder) 📊 Create flowcharts to visualize ideas and workflows 🤖 Chat with an AI assistant for guidance and questions about study materials

How we built it Frontend: React + TailwindCSS for responsive and modern UI Routing & State Management: React Router DOM, local state for calendar/notes Interactive Libraries: React Calendar for scheduling, React Flow for flowcharts AI Features: Placeholder endpoints for summarizing videos and AI assistant chatbot Hosting: Vercel, with GitHub for version control and project tracking

Challenges we ran into Integrating multiple interactive components in a single project (calendar, flowcharts, chatbot) Designing a fun, minimal, and student-friendly UI while keeping it functional Creating a frontend prototype that looks fully functional even with placeholder AI endpoints Accomplishments that we're proud of Built a fully interactive frontend prototype that demonstrates all core features Designed a modern, engaging UI suitable for students Set up the foundation for AI-assisted learning, ready to connect with real AI APIs in the future

What we learned How to integrate React libraries like React Calendar and React Flow Techniques for creating a responsive, interactive web app How to structure a prototype that combines multiple learning tools into a single, cohesive platform

What's next for StudyBuddy Connect the AI assistant and video summarization to real AI APIs Add user accounts and cloud storage for notes, calendar events, and flowcharts Introduce community features, such as shared notes, discussion boards, and collaborative flowcharts Expand AI features: flashcards, adaptive quizzes, and personalized study recommendations

Share this project:

Updates