About the application

This is a demonstration of how to use css flexbox for responsive UI design with react.js. It uses react typescript, and effective state management with react hooks. It uses vanilla css without any external css libraries.

It is a fun game in which the system picks hand signs (paper, rock or scissors) at random, and you attempt to guess which the system picked. It is all about guess work, for fun. You can send your friends link to the game for the to also play and find out who is more lucky at the moment. Every correct guess gives you one point while an incorrect score costs you one point. If you are more unlucky at the moment than you are lucky, your total score may be in negative values. Your ultimate goal is to get large positive scores.

To restart the game, simply refresh your browser.

Available Scripts

npm start

Runs the app in the development mode.

The page will reload if you make edits.
You will also see any lint errors in the console.

npm run build

Builds the app for production to the build folder.
It correctly bundles React in production mode and optimizes the build for the best performance.

The build is minified and the filenames include the hashes.
Your app is ready to be deployed!

Link to live demo

The Demo.