Team Almost ParfctpresentWorld Whizz
World Whizz Demo Video
Mapping out the world of trivia at your fingertips
World Whizz is a web-based application that allows users to explore and learn about Western Europe (and one day, the whole world!), answer questions, and earn badges for successfully completed quizzes along the way. Our helpful tour guide Wato will let you know important information when you head to a country, and even a random fun fact!
The Team
Philippa (Pip) Murphy
Ángela Sánchez
Ruby Edwards
Faiza Desai
Charlie Kan
Toni Li
Technologies
We used: Node.js, Express.js, MongoDB, Mongoose, bcrypt, Axios, Vite, Phaser
In the back-end, we used a MongoDB database for its flexibility in terms of document structure, and Express.js to create our server as it is the go-to option. We created a RESTful API using Node.js and JavaScript, hosted on Render as it works well with MongoDB. To connect to our MongoDB Atlas database, we used Mongoose as it provides a link between MongoDB and Node.js. We also implemented bcrypt to protect user passwords instead of storing their private information in our database. In the front-end, we utilised Axios to make data calls to our API. Our web application is run by Vite and hosted by Netlify as we are familiar with these. The entirety of our game functionality was created with Phaser because it is a well-known HTML5 game framework.
Challenges Faced
Working with new libraries and frameworks, specifically Phaser in the front-end and MongoDB in back-end, was difficult given our two-week development time frame, meaning we had a steep learning curve. Establishing a connection to our database and distinguishing Mongoose from MongoClient was also tricky at first. With our team members focusing primarily on front-end or back-end, bringing these working parts together took some dedicated effort. These were the only minor issues we faced and our team handled them with efficiency and good humour. Across the board, our dynamic was smooth and cheerful, and we thoroughly enjoyed our project time together.
FAQs
Q. How can I play the game?
A. You can access it here: https://world-whizz.netlify.app (remember to sign up if it's your first time visiting!)
Q. What is the mascot’s name and what animal are they?
A. He is called Wato and he is an energetic red panda.