Caribbean Trivia

"Caribbean Trivia is more than a game — it’s a digital celebration of our culture. From music and folklore to history and Carnival.

Comment

I built Caribbean Trivia because I wanted to create something that celebrates our culture in a way that’s fun, interactive, and accessible. Growing up surrounded by the richness of Caribbean music, Carnival, and folklore, I’ve always felt that these stories deserve a digital space where they can live on and connect people across borders. Trivia felt like the perfect format — it turns learning into play and makes heritage engaging for everyone, whether you’re here at home or part of the diaspora. This project is also part of my bigger vision to build culturally rooted Caribbean digital ecosystems, where technology helps preserve and share our identity."

What it does

Core Functionality Trivia gameplay: Players answer multiple‑choice questions about Caribbean history, music, folklore, Carnival, and more.

Scoring system: Tracks correct answers and builds a score so players can challenge themselves or compete with friends.

Cultural learning: Each question teaches something new, turning play into an educational experience.

User Experience

Responsive design: Built with React/Next.js and Tailwind CSS, so it works smoothly across devices. https://caribbean-trivia.netlify.app/

Fast deployment: Hosted on Netlify for quick loading and easy access via your domain.

Accessible anywhere: Players can join from home or abroad, connecting diaspora communities with Caribbean heritage.

Purpose

Celebrate Caribbean identity: Keeps cultural stories alive in a digital format.

Engage younger audiences: Makes heritage fun and interactive for students and casual players.

Connect communities

How I built it

I built Caribbean Trivia using React and Next.js to handle the frontend and routing, with Tailwind CSS for styling a clean, responsive interface. On the backend, I used Node.js with Express.js to manage API endpoints and MongoDB Atlas to store trivia questions, answers, and player scores. For deployment, I chose Netlify, which made it easy to push updates directly from my repo and serve the app quickly worldwide. This stack gave me the flexibility to combine performance, scalability, and a modern developer workflow while keeping the app lightweight and accessible.

Challenges I ran into

One of the biggest challenges was setting up Next.js for deployment on Netlify, since the framework is optimized for server‑side rendering and I had to configure static exports properly. I also ran into issues with routing and redirects, making sure the trivia questions loaded correctly without breaking the app. Another challenge was structuring the MongoDB Atlas database so that questions, answers, and scores could be stored and retrieved efficiently. Styling with Tailwind CSS was smooth, but I had to spend extra time making sure the interface looked consistent across devices. Finally, balancing performance with cultural depth was tricky — I wanted the app to load fast while still delivering rich content that reflects the Caribbean experience

Accomplishments that I'm proud of

I'm proud that I was able to take this idea from concept to a fully working app using React and Next.js, even while balancing work and classes. Deploying successfully on Netlify was a big milestone, since it meant the trivia game could be accessed anywhere with just a link. I’m also proud of how I integrated MongoDB Atlas to store and serve questions reliably, which gave the app real functionality beyond just a static quiz. On the creative side, I’m proud that the app reflects Caribbean culture in a way that feels authentic — it’s not just a trivia game, it’s a digital space where our heritage is celebrated. Seeing it come together as both a technical project and a cultural statement is something I’m really proud of

What I learned

Building Caribbean Trivia taught me a lot about working with React and Next.js beyond just the basics — especially how to handle routing, static exports, and deployment on Netlify. I learned how important it is to structure a database properly, since MongoDB Atlas needed careful planning to store questions and scores efficiently. I also gained experience in debugging deployment issues, like fixing redirects and making sure assets loaded correctly. On the creative side, I learned how to balance performance with cultural depth, making sure the app stayed fast while still delivering authentic Caribbean content. Most importantly, I learned how to bring together my technical skills and cultural vision into a project that feels meaningful.

What's next for Caribbean Trivia

I want to expand Caribbean Trivia with more question categories that dive deeper into our history, folklore, and music. I plan to add multiplayer features so friends can challenge each other and share scores, making it more social. I also want to integrate leaderboards and achievements to keep players engaged. Another big step is building a mobile‑friendly version with offline play, so people can enjoy it anywhere, even without internet. Long term, I’d love to connect the app to a larger Caribbean digital ecosystem, where trivia is just one piece of preserving and celebrating our culture through technology.

Built With

Share this project:

Updates