< progQuiz />Vue * Java * JavaScript * CSS * HTML |
![]() |
![]() |
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. |
![]() |
![]() |
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. |
![]() |
![]() |
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 |
![]() |