Zoltrack Hero

🎮 About the Project

This project was inspired by the “Stratagem Hero” mini-game from Helldivers 2. I wanted to recreate the fast-paced reflex and memory challenge experience in a simple, browser-based form while adding my own design and animations.

🧠 What I Learned

Through this project, I learned:

• React (TypeScript) fundamentals — components, props, and hooks like useEffect and useState.
• CSS animations and transitions for visual feedback and smooth gameplay.
• Project planning and structuring, breaking a game idea into reusable and maintainable components.
• Managing game state, score logic, and timing mechanics in a front-end environment.

🛠️ How I Built It

The game was built using:

• React + TypeScript for UI logic.
• Tailwind CSS for fast styling and layout design.
• Publicly available assets for visuals and effects.
• A mix of state-based logic and CSS animation triggers for interactive feedback.

⚔️ Challenges Faced

Some of the key challenges included:

• Synchronizing animations with game logic using React state updates and requestAnimationFrame.
• Balancing difficulty progression and timing for an engaging user experience.
• Handling fast user input while maintaining smooth animation transitions.

Built With

• react
• typescript