๐ง๐ผโโ๏ธ Trivia Wizard โ The Ultimate Knowledge Quest
๐ฎ Inspiration
We wanted to create an interactive trivia experience that goes beyond just answering questions. Trivia Wizard combines knowledge, adventure, and progression into a gamified journey where players not only test their wits but also embark on a mystical quest to become the ultimate Trivia Wizard.
๐ฎ What It Does
Trivia Wizard is an immersive trivia game where players start as humble novices and progress through the ranks of wisdom. Each round presents five questions of varying difficulty, and performance determines the player's story pathโone of enlightenment or peril. Players earn XP based on question difficulty, level up through Warrior, Legend, and Wizard ranks, and ultimately strive to master the arcane secrets of knowledge.
๐ ๏ธ How We Built It
Frontend: Next.js + Flowbite for UI components Backend: Adonis.js + Lucid for API handling Database: PostgreSQL to track user progress AI Integration: OpenAI API to power question generation based on user-selected topics State Management: Context and State Hooks
๐ Challenges We Ran Into
Designing a dynamic storytelling system that adapts based on performance Implementing an engaging XP and ranking system to keep players motivated Ensuring AI-generated trivia questions are correctly generated and validated
๐ Accomplishments That We're Proud Of
Creating an adaptive, story-driven trivia experience Successfully integrating an AI-generated question system Designing an intuitive XP progression system that rewards knowledge and consistency
๐ข Try Trivia Wizard!
Do you have what it takes to ascend the ranks and become the ultimate Trivia Wizard? Test your knowledge, shape your destiny, and embark on the most mystical trivia quest yet!
Built With
- adonis.js
- flowbite
- javascript
- lucid
- next.js
- openai
- postgresql
- typescript
Log in or sign up for Devpost to join the conversation.