GridLockdown (GridSim)

A gamified infrastructure management simulator built for Unihack 2026.

Statement of Reasoning & Motivation (For EU Shared Future)

Our motivation for building GridLockdown (GridSim) stems from a growing awareness of how fragile modern infrastructure can be. We rely heavily on constant, uninterrupted power for every aspect of daily life, yet the systems providing that power are increasingly vulnerable to natural disasters, cyber threats, and resource mismanagement.

We wanted to bridge the gap between complex systems engineering and accessible, engaging gameplay. By gamifying these high-stakes scenarios, our goal was to create an interactive experience that doesn't just entertain, but also educates players on the delicate balance of resource allocation, the immediate consequences of infrastructure failure, and the critical importance of proactive defense strategies.

Ultimately, we built GridSim because we believe that turning real-world complexities into an engaging simulation fosters a deeper appreciation for the hidden systems that keep our cities running.

Inspiration

When brainstorming for Unihack 2026, we wanted to tackle the complexities of modern infrastructure and the vulnerabilities that come with it. We were inspired by the delicate balance required to keep a city running smoothly, especially in the face of unpredictable crises.

We wanted to gamify this experience, creating a simulation that forces players to think critically about resource allocation, risk management, and emergency response in a high-stakes environment.

What it does

GridLockdown is a real-time strategy game where you step into the shoes of an infrastructure manager. Your primary objective is to build, manage, and protect a city's power grid.

Dynamic Simulation: Strategically place power generators (Wind Turbines, Solar Panels, Nuclear plants) and connect them to recipient nodes (Houses, Hospitals, Schools) to distribute power and generate revenue.
Economic Management: Manage credits, balance budgets, and carefully handle debt. Unpowered or unconnected recipients actively penalize your economy. If your balance drops below -$1000, it's game over.
Disaster Response: The simulation throws random disasters your way—such as floods, earthquakes, cyber-attacks, and fires. Deploy passive defenses to shield infrastructure in advance or trigger active defenses to mitigate ongoing emergencies.
Interactive Tutorial: A seamless, integrated tutorial guides new players through the mechanics before the difficulty scales up.

How we built it

We architected the game using a modern, robust web stack to handle the demands of a live simulation:

Frontend

Built a responsive, interactive user interface using React and TypeScript.
Styled with Tailwind CSS for rapid, scalable design.
Bundled with Vite for fast development and optimized builds.
Utilized Lucide React for clean, consistent iconography.

Backend

Developed a Node.js and Express backend to handle the complex, real-time nature of the simulation.
Implemented Socket.IO for real-time, bidirectional communication between the server and the client game states.

Challenges we ran into

Building a fully-fledged, real-time strategy simulation during a hackathon was an intense undertaking.

State Synchronization: Our biggest hurdle was synchronizing the dynamic game state between the frontend and backend. Ensuring that power distribution logic, economic penalties, and sudden disaster events updated simultaneously for the client without lag required careful tuning of our Socket.IO events.

Game Balancing: Balancing the game's economy so that it was challenging but not instantly punishing took numerous iterations and rapid playtesting to get just right.

Accomplishments that we're proud of

Real-time Multiplayer Backend: We are incredibly proud of getting an event-driven backend operational within such a tight window.
Dynamic Routing Algorithm: The algorithm we designed successfully and dynamically routes electricity across custom-built node networks, which was a major technical win for us.
Polish and UX: We're also proud of the polished user experience, particularly the integrated tutorial that smoothly onboards players and the customizable animated backgrounds that elevate the game's aesthetic.

What we learned

This project deeply expanded our understanding of real-time state management using WebSocket technologies. We learned how to efficiently structure React components to handle rapid state updates from a Node.js server without causing performance bottlenecks or visual stuttering.

On the game design side, we learned a lot about pacing, economic balancing, and creating intuitive UI feedback loops so players instantly understand the consequences of their grid connections.

What's next for Grid Lockdown (GridSim)

Moving forward, we want to expand the game's depth and scale:

Expanded Infrastructure: Introduce new generator and recipient node types, allowing for more complex interconnected grids.
Advanced Crises: Add sophisticated disaster scenarios with cascading failures.
Multiplayer Modes: Flesh out the multiplayer aspect, allowing players to either collaborate on a massive regional grid or compete economically in real-time.
Leaderboards: Implement a global ranking system to track the most profitable and longest-surviving infrastructure grids.