Esports Elites

Made with:

• React
• Typescript
• Redux
• Framer Motion
• Recharts
• Firebase

In this project for a popular gambling/gaming client I was tasked with producing five interactive games for the user that tracked hand-eye coordination, response times and attention span. These results were then compared with data from popular esports players.

React was used for the UI and Redux for global state tracking of the user's score throughout the games and the Framer Motion animation library was used for the movement of elements during the games. To display the user results in the form of bar charts and a radar chart, the Recharts library was used.

The project was the most ambitious for the client in terms of scope and functionality and was well received by the client and journalists covering the topic.