Inspiration
I wanted to create an interactive way to assess cognitive abilities like memory, attention, pattern recognition, and language in one short test. The goal was to make a tool that is fun, engaging, and visually appealing, while still providing meaningful insights about the user’s cognitive skills
What it does
NeuroQuest runs a series of mini cognitive tasks:
Memory Test: Recall words displayed briefly. Attention Test: Click a red dot while ignoring distractions. Pattern Recognition: Solve numeric, alphabetic, and visual sequences. Language Test: Short text analysis for word count and complexity.
At the end, it calculates a cognitive score out of 100 and gives actionable insights to the user.
How we built it
Frontend: React for interactive components and UI. Backend: Python with FastAPI for managing sessions, storing responses, and computing results. Design: Custom CSS with animations, emoji, and score cards for a modern, playful interface.
Challenges we ran into
Managing real-time interactions like the moving dot in the attention test. Ensuring the memory words gallery displayed correctly and timed out properly. Coordinating frontend and backend communication, including handling fetch errors and CORS issues. Making the results page visually appealing while keeping it readable and responsive.
Accomplishments that we're proud of
Created a full-stack cognitive assessment from scratch. Designed a glow-and-motion UI that is engaging and easy to use. Implemented animated scoring and visually appealing breakdowns for results. The app is fully functional in a single folder with both frontend and backend, ready for deployment.
What we learned
How to integrate React with a Python backend. The importance of UI/UX in engagement and clarity. Techniques for animations, timing events, and dynamic updates in React. How to structure a full-stack project in a clean and maintainable way.
What's next for NeuroQuest
Add more cognitive tasks and difficulty levels. Store historical results for tracking improvement over time. Deploy online for broader user testing and feedback. Enhance visuals with videos or interactive backgrounds.
Log in or sign up for Devpost to join the conversation.