CricTrump

What the hell is CricTrump?

It is an online Trump Card game based on the T20I stats of cricketers from various countries.

User Flow

1. For each round a couple of random cricketers are chosen.
2. And the latest T20I stats for one of the cricketers is shown to the user.
3. The User then picks the best stat according to them and is awarded points.
4. After all 5 rounds user receives there final score.

Tech Stack

It uses vanilla JavaScript, SCSS and gsap for frontend functionality, styling and animations. And is backed by a node express server to handle API requests.

Challenges

The major challenge in the project included working on animations to create the card swipes and interactions on button clicks.

Using SCSS and gsap to effectively manage styles were the key.

Conclusion

It was a fun little project that allowed me to experiment and learn a bunch of cool JavaScript animation techniques, and taught me how to structure and organize SCSS files for bigger projects.