During my first year at engineering school, we had to develop, in teams of three, a website of our choice using various web technologies: HTML, CSS, PHP, Javascript, SQL.
We decided to create a website featuring mini-games.
It is a platform designed to assess our physical and mental abilities and compare them with others. We also wanted to incorporate user accounts and score saving functionality. In addition to making the site more dynamic, this allows users to compare their best scores with each other and introduces a ranking system.
Anyone can create their account and log in:
The website features three functional games: the countdown game, the timer game, and the QTE game
Countdown game : the objective is simple, you have to click when the countdown is closest to zero. But if it exceeds it, you lose!
Timer game : for this game, a target time will be displayed on the screen. The timer will start and will be visible for the first 5 seconds. The objective is to click when the timer is closest to the target time. However, 5 seconds after the start of the timer, it will disappear and it will be up to the player to countdown in his head to click when they think the target time has been reached.
QTE game : a series of keys will appear on the screen. The player will then have to press these keys as quickly as possible and his time will be measured.
Countdown Page :
the score of the connected player and all players on the site is recorded and displayed on the dashboard page in the form of ranking
The project sources are available on my Github