Purpose • Functionality • Special Thanks •
This project was developed as part of a 1 week hackathon at Coder Academy, where the aim was to create a ReactJS app showcasing various skills, including asynchronous JavaScript, React, state management (using hooks, reducer, and global state), local storage, and React routing.
-
Interactive Key Sequence Matching
This feature displays a random stratagem with a sequence of directional arrow keys. Users must press the corresponding arrow keys (up, down, left, right) in the correct order. Correct keypresses are visually indicated and accompanied by a sound effect.
-
Performance Monitor
This feature starts a timer that countsdown from 60. It tracks and displays performance stats, including:
- Accurary (ACC): The percentage of correct keypresses out of the total keypresses.
- Deployment per Minute (DPM): The number of successfully deployed stratagems per minute.
-
Hotkeys
This feature provides an alternative to mouse input for "DEPLOY" and "MONITOR" buttons.
- Spacebar: Deploys the current stratagem if all keys are matched, and loads the next one.
- "M" Key: Initiates a 60-second monitoring session, starting the timer and resetting performance metrics.
Many thanks to everyone who contributed to the HellHub Collective's API, which enabled me to effortlessly retrieve Helldivers 2 data.