Inspiration
Museums hold vast collections, but creating engaging, personalized tours is time-consuming for educators and guides because the visitors have diverse backgrounds and interests. One of our team member works as a student docent at UVA’s Fralin Museum of Art, and she realized that it is especially challenging when designing tour plans for K-12 students because each age group has their different ways of learning, each school that visits the museum have different requests for what to learn and how to learn. The docent’s teaching plan has to be constantly adjusted to accommodate the different needs while ensuring that the children/students are learning things appropriate for their age. We recognized the need for a tool that could quickly generate customized tour plans based on specific audience needs, making museum experiences more accessible and meaningful.
What it does
Wonder Way allows users to create customized museum tour plans by selecting parameters like museum, visitor age group, English proficiency level, theme, and duration. The app uses AI to generate a comprehensive tour plan with a curated selection of artworks, detailed information, and suggested interaction questions tailored to the specific audience.
How we built it
We developed a React frontend with Vite for performance and Node.js/Express.js for the backend. User authentication is handled via Google OAuth, and tour plans are stored in MongoDB. The core functionality leverages Gemini Flash-2.0 to generate personalized tour content based on user specifications, which is then parsed and displayed in an intuitive interface.
Challenges we ran into
Integrating the AI response format with our frontend required careful parsing to ensure consistent display of artwork data. Implementing real-time generation feedback while maintaining a responsive UI was challenging. We also had to optimize the AI prompts to generate appropriately structured tour content that balanced educational value with engagement techniques.
Accomplishments that we're proud of
We successfully created an intuitive interface that simplifies what would typically be hours of research and planning into a few minutes. The integration with multiple museums and ability to customize based on audience needs makes this a truly practical tool for educators. The seamless flow from specification to generation to saved plans creates a complete user experience.
What we learned
We gained experience in AI prompt engineering to generate structured data, improved our skills in state management across complex React components, and learned efficient ways to handle asynchronous processes while maintaining good UX. We also deepened our understanding of museum education principles and how technology can enhance accessibility.
What's next for Wonder Way - AI Powered Museum Tour Plan Generator
We plan to expand our museum database, incorporate multimedia elements into tour plans, add collaborative editing features for team-based tour planning, and implement analytics to help users understand engagement patterns. We're also exploring partnerships with museums to integrate their specific collections and educational guidelines.
Built With
- antdesign
- express.js
- gemini
- googleoauth
- mongodb
- node.js
- react.js
- vite
Log in or sign up for Devpost to join the conversation.