Cyber Chaos Clicker

• 

  Home Screen

• 

  Game Screen

• 

  How to play? screen

Inspiration

The idea for DATA PANIC: Internet Endgame came from a fun “what-if” thought experiment — what if the internet started collapsing in real time and we had only two minutes to save it? During a fast-paced hackathon sprint, that concept evolved into a chaotic, energetic clicking game that captures the panic, unpredictability, and humor of today’s digital world.

We wanted to build something that felt playful, intense, and nostalgic — like an arcade game mixed with cyber-glitch aesthetics — while experimenting with mechanics such as combos, power-ups, achievements, and difficulty phases.

How we built it

The game was built using React + TypeScript + Vite for a fast and modular front-end development experience. Tailwind CSS was used for styling, animations, and the cyber-theme visual design.

Key components include:

GameCanvas – core game loop, object spawning, timing & difficulty phases

GameHeader – real-time stats, abilities, score & timer

FallingObject – interactions, scoring, and collision behaviors

GameOver / StartScreen – menus, restart flow, and results logic

GameState Manager – controls score, combos, power-ups & achievements

We focused on designing smooth interactions, responsive UI, and scalable logic for spawning objects and handling increasing chaos across four timed phases.

What we learned

Building DATA PANIC taught us:

How to design arcade-style gameplay loops in React

Managing timers, animations, and difficulty curves smoothly

Implementing combo systems, power-ups, and achievement logic

Structuring a React project for game-like interaction instead of standard UI flows

Balancing fun, chaos, and usability within a short development window

It also reinforced an important lesson — sometimes constraints fuel creativity, and imperfect ideas can turn into exciting experiences.

Challenges we ran into

Some of our biggest challenges included:

Balancing gameplay difficulty across phases

Preventing UI lag while spawning multiple objects

Designing animations without sacrificing performance

Tuning scoring, penalties, and combo multipliers

Making the game feel chaotic — but still fair and playable

Through iteration and testing, we refined the pacing, responsiveness, and feel of the game.

Accomplishments we’re proud of

Fully functional 2-minute arcade survival game

Power-ups, abilities, achievements & multiplier system

Smooth, reactive UI with glitch-style visuals

Polished gameplay loop built in just 48 hours

A project that embraces creativity, chaos, and fun

What’s next

Future improvements could include:

Mobile-optimized gameplay mode

Sound effects & background music

Leaderboard and multiplayer challenge mode

Additional object types & game events

More abilities and upgrade mechanics

Built With

• react
• tailwind
• typescript
• vite