Tune Trivia

Inspiration

The inspiration for TuneTrivia came from a passion for music and technology. I wanted to create a platform that merges the joy of discovering music with the power of AI. The idea was to provide a unique, engaging way for users to test their music knowledge while exploring various genres and discovering new sounds. Seeing how music can bring people together, I wanted to build something interactive, fun, and educational.

What it does

TuneTrivia is an interactive web application that tests users' music knowledge through engaging trivia games. It leverages AI to dynamically generate music snippets for each question, allowing players to guess the genre or other attributes of the music. The app provides real-time scoring, tracks streaks, and offers a fun and educational way for users to explore different music genres and artists, whether they’re casual listeners or avid enthusiasts.

How we built it

Developed with React and styled using Tailwind CSS for a responsive and sleek user interface. Radix UI components were integrated for accessible and customizable UI elements, and Vite was employed for fast development builds, and TypeScript ensured type safety throughout the project.

Challenges we ran into

I had an issue with the Audio Playback as Integrating AI-generated music and ensuring smooth playback posed challenges, particularly with external audio URLs and browser compatibility. I also had a problem with the dynamic music loading. Implementing logic to fetch and play music snippets dynamically required significant debugging and testing to ensure synchronization with the gameplay.

Accomplishments that we're proud of

What we learned

Throughout the development of TuneTrivia, I gained a deeper understanding of integrating AI technologies into web applications. I improved my skills in handling dynamic content, building responsive user interfaces, and managing state in React. I also learned about creating seamless user experiences by blending creativity and technology. Debugging issues, implementing audio functionality, and ensuring smooth gameplay taught me valuable lessons in problem-solving and adaptability.

What's next for Tune Trivia

Try and include more things that are related to music, like different musicians, and much more. I also would like to make this a multiplayer game.

Built With

• css3
• html5
• javascript
• openai
• react
• typescript
• vite