Inspiration
The idea for this project came from a simple but eye-opening moment: we were asked to write down “which is your go-to study technique ”, and I went completely blank. I realized I had never really thought about how I learn* I just went with the flow. That moment sparked the idea of creating a **quiz that helps people understand their own learning style.
What it does
Finds out their study type (one of four main categories). Gets a personalized character that represents their learning style, making the result fun and memorable. Receives AI-generated guidance, which suggests study methods, tips, and strategies tailored specifically to how they learn.
How we built it
Planning & Design: Decided on the 4 main study types. Designed the quiz questions so they reflect different learning styles. Came up with the idea of personalized characters, inspired by Pokémon. Frontend Development Built the quiz interface using HTML, CSS, and JavaScript. Designed interactive screens for the quiz, character display, and AI suggestions. Backend Development Used Node.js to set up a server.
Challenges we ran into
1.Backend was new to me: This was the first time I worked with Node.js and servers, so understanding how to receive quiz data, calculate results, and send them back to the frontend was tricky at first. 2.Connecting frontend and backend: Making sure the data flowed smoothly between the quiz interface and the server required careful testing and debugging. 3.AI integration: Ensuring the AI gave personalized, meaningful recommendations instead of generic advice took multiple iterations. 4.Designing the quiz logic: Setting up a scoring system that accurately reflects different learning styles required several adjustments.
Accomplishments that we're proud of
Built a full-stack web app from scratch: Designed the frontend, set up the backend, and integrated AI—all for the first time.
What we learned
AI integration: Learned how to use AI to provide personalized recommendations that feel meaningful and actionable Teamwork & creativity: Saw how ideas and personal interests (like Pokémon inspiration) can be combined to make a project fun, engaging, and impactful
What's next for professor pixel
Expand learning types: Add more nuanced or specialized study categories for deeper personalization. More characters & customization: Let users choose outfits, accessories, or animations for their character to increase engagement. Enhanced AI assistance: Include step-by-step study plans, reminders, or adaptive learning paths tailored to each type. Mobile-friendly & offline support: Make the site fully responsive and explore offline or app-based versions. Gamification & social features: Add badges, progress tracking, or sharing results to make learning more interactive. Data-driven insights: Collect anonymous data (ethically) to analyze common learning patterns and improve recommendations.
Log in or sign up for Devpost to join the conversation.