A game made with REACT for Business College Helsinki course.
- REACT
- Javascript/JXS
- CSS
Test your reaction speed.
Click on START to start the game.
Click on the circle showing the uncorn as fast as possible to feed it with a rainbow. The game will continue until you press the right circle in time.
If you click the wrong circle, you will GAME OVER. If you miss 5 highlighted circles, you will GAME OVER.
You can stop the game by pressing STOP.
note: best scores not available in live version. I have not yet figured out how to hide firebase config OR how to set rules for firebase.
Screen.Recording.2021-11-16.at.21.01.53.mov
-
Margit Tennosaar's lessons and code at Business College Helsinki https://github.com/margittennosaar
-
Sounds effects from https://www.zapsplat.com/
-
Popup animation tutorial: https://www.youtube.com/watch?v=B0_M1y4aFAQ&list=PL4cUxeGkcC9iGYgmEd2dm3zAKzyCGDtM5&index=11
-
Close modal (game over popup) when clicking outside of popup or by pressing ESC key: tutorial by Thi Tran https://medium.com/tinyso/how-to-create-a-modal-component-in-react-from-basic-to-advanced-a3357a2a716a
-
Termanty repo for high scores posting to firebase https://github.com/Termanty/SpeedyBats