home projects about contact

< progQuiz />

Vue * Java * JavaScript * CSS * HTML

game screenshot
game screenshot

This fun project came to life during my “Vali IT” retraining course. After a brief and packed three weeks of learning HTML, CSS, Javascript, Java and PostgreSQL we had another three weeks to put all our new knowledge to use in a group project. Me, Kristjan and Lauri put our heads together and came up with a quiz game. The quiz topic was chosen with an obvious self-interest to learn a thing or two while testing our code.

We quickly discovered that our meant-to-be-simple project had a lot going on behind the scenes. We started out by creating registration and sign-in functions and learning about session tokens and password hashing.

game screenshot
game screenshot

We created functions to generate and display random questions from database and later on add the feature that the questions wouldn’t repeat during one session. Another fun addition was a timer that gives a limited time to answer the questions.

We created a point-scoring system which enables to show a high-scores table with our top players. If the currently signed in player makes it to the top, their name is highlighted.

game screenshot
game screenshot

In front-end we kept it simple without big flashy effects. We still made sure that the game would look nice in mobile view as well and added a sleek progress-bar effect to our timer.

go back

game screenshot