diff --git a/static/index.html b/static/index.html index ca15bb9..6c87e3d 100644 --- a/static/index.html +++ b/static/index.html @@ -1,12 +1,12 @@ - - - - The System Design Game - Interactive Browser-Based Learning - - - -
- -
- -
-
-
-
-

Master System Design Through Interactive Challenges

-

Stop memorizing. Start building. Learn system design by solving real-world problems in your browser.

-

Level up your architecture skills through our interactive, browser-based system design platform. No installation required - just open your browser and start designing.

-
- -
-

🚀 Get Early Access

-
- - - -
-
- ✅ You're in! We'll notify you when beta access is available. + + @media (max-width: 400px) { + .hero { + padding-top: 120px; + } + } + + + +
+ +
+ +
+
+
+
+

Master System Design Through Interactive Challenges

+

Stop memorizing. Start building. Learn system design by solving real-world problems in your browser.

+

Level up your architecture skills through our interactive, browser-based system design platform. No installation required - just open your browser and start designing.

+
+ +
+

🚀 Get Early Access

+
+ + + +
+
+ ✅ You're in! We'll notify you when beta access is available. +
+

🔥 Be the first to know when we launch

-

🔥 Be the first to know when we launch

-
-
- -
-
-

The Problem Every Engineer Faces

-
-
-
😵
-

System Design Interviews Are Brutal

-

You can code, but when asked to design Instagram or Netflix, you freeze. Theory doesn't prepare you for the real thing.

-
-
-
📚
-

Learning Resources Suck

-

Books are boring. Videos are passive. You need hands-on practice with real constraints and trade-offs.

-
-
-
⏰
-

No Time for Side Projects

-

Building distributed systems takes months. You need a way to practice system design without the overhead.

+
+ +
+
+

The Problem Every Engineer Faces

+
+
+
😵
+

System Design Interviews Are Brutal

+

You can code, but when asked to design Instagram or Netflix, you freeze. Theory doesn't prepare you for the real thing.

+
+
+
📚
+

Learning Resources Suck

+

Books are boring. Videos are passive. You need hands-on practice with real constraints and trade-offs.

+
+
+
⏰
+

No Time for Side Projects

+

Building distributed systems takes months. You need a way to practice system design without the overhead.

+
- -
- -
-
-

Learn System Design The Right Way

-
-
-
-
-
-
-
-
-
https://www.systemdesigngame.dev
-
-
-
PREVIEW
-
-
-
Challenges
-
    -
  • -
    URL Shortener
    -
    Easy
    -
    • -
  • -
    Chat System
    -
    Medium
    -
    • -
  • -
    Video Streaming
    -
    Hard
    -
    • -
+
+ +
+
+

Learn System Design The Right Way

+
+
+
+
+
+
+
-
-
-
Requirements
-
Design
-
Metrics
-
Code
-
- -
-
Load Balancer
-
API Server
-
Database
-
Cache
-
CDN
-
- -
-
API Server
-
Database
-
Cache
-
-
+
https://www.systemdesigngame.dev
+
+
+
PREVIEW
+
+
+
Challenges
+
    +
  • +
    URL Shortener
    +
    Easy
    +
    • +
  • +
    Chat System
    +
    Medium
    +
    • +
  • +
    Video Streaming
    +
    Hard
    +
    • +
- -
-
-
1,250
-
Requests/sec
+
+
+
Requirements
+
Design
+
Metrics
+
Code
-
-
45ms
-
Latency
+ +
+
Load Balancer
+
API Server
+
Database
+
Cache
+
CDN
-
-
99.2%
-
Availability
+ +
+
API Server
+
Database
+
Cache
+
+
+
+ +
+
+
1,250
+
Requests/sec
+
+
+
45ms
+
Latency
+
+
+
99.2%
+
Availability
+
+
+ +
+
Reset
+
Test Load
+
Submit
-
- -
-
Reset
-
Test Load
-
Submit
-
-
    -
  • -
    🎯
    -
    -

    Interactive Browser Experience

    -

    Drag-and-drop components to build your system architecture. No installation required - works in any modern browser.

    -
    -
    • -
  • -
    ⚡
    -
    -

    Real-Time Feedback

    -

    See how your design performs under load. Get instant metrics on throughput, latency, and availability.

    -
    -
    • -
  • -
    🏆
    -
    -

    Progressive Difficulty

    -

    Start with simple systems, work up to complex distributed architectures. Master one concept at a time.

    -
    -
    • -
  • -
    🤝
    -
    -

    Learn With Others

    -

    Compare your solutions with different approaches. Discuss trade-offs and learn from the community.

    -
    -
    • -
-
-
-
- -
-
-

How It Works

-
-
-
1
-
📋
-

Choose a Challenge

-

Select from various system design scenarios like URL shorteners, chat systems, or video streaming platforms.

-
-
-
2
-
🔍
-

Analyze Requirements

-

Review functional and non-functional requirements to understand the problem constraints.

-
-
-
3
-
🎨
-

Design Your Solution

-

Drag and drop components to build your architecture. Connect services and define relationships.

-
-
-
4
-
🧪
-

Test Under Load

-

Simulate real-world traffic and see how your system performs. Identify bottlenecks and failure points.

+
    +
  • +
    🎯
    +
    +

    Interactive Browser Experience

    +

    Drag-and-drop components to build your system architecture. No installation required - works in any modern browser.

    +
    +
    • +
  • +
    ⚡
    +
    +

    Real-Time Feedback

    +

    See how your design performs under load. Get instant metrics on throughput, latency, and availability.

    +
    +
    • +
  • +
    🏆
    +
    +

    Progressive Difficulty

    +

    Start with simple systems, work up to complex distributed architectures. Master one concept at a time.

    +
    +
    • +
  • +
    🤝
    +
    +

    Learn With Others

    +

    Compare your solutions with different approaches. Discuss trade-offs and learn from the community.

    +
    +
    • +
-
-
- -
-
-

Frequently Asked Questions

-
-
-
When will the beta be available?
-
We're currently in development and aiming to launch the beta in the coming months. Sign up for the waitlist to be notified as soon as it's ready.
-
-
-
Do I need to install anything to use the System Design Game?
-
No! The entire game runs in your browser. As long as you have a modern web browser (Chrome, Firefox, Safari, Edge), you're good to go.
-
-
-
What kind of system design challenges will be available?
-
We're planning a wide range of challenges from URL shorteners and chat systems to social networks and video streaming platforms. We'll start with fundamental challenges and add more complex scenarios over time.
-
-
-
Is this suitable for beginners?
-
Yes! We're designing the game with progressive difficulty levels. Beginners can start with simpler challenges that introduce core concepts, while experienced engineers can tackle more complex distributed systems.
+
+ +
+
+

How It Works

+
+
+
1
+
📋
+

Choose a Challenge

+

Select from various system design scenarios like URL shorteners, chat systems, or video streaming platforms.

+
+
+
2
+
🔍
+

Analyze Requirements

+

Review functional and non-functional requirements to understand the problem constraints.

+
+
+
3
+
🎨
+

Design Your Solution

+

Drag and drop components to build your architecture. Connect services and define relationships.

+
+
+
4
+
🧪
+

Test Under Load

+

Simulate real-world traffic and see how your system performs. Identify bottlenecks and failure points.

+
-
-
Will there be a cost to use the platform?
-
Not right now. The platform will remain free for people to learn from.
+
+
+ +
+
+

Frequently Asked Questions

+
+
+
When will the beta be available?
+
We're currently in development and aiming to launch the beta in the coming months. Sign up for the waitlist to be notified as soon as it's ready.
+
+
+
Do I need to install anything to use the System Design Game?
+
No! The entire game runs in your browser. As long as you have a modern web browser (Chrome, Firefox, Safari, Edge), you're good to go.
+
+
+
What kind of system design challenges will be available?
+
We're planning a wide range of challenges from URL shorteners and chat systems to social networks and video streaming platforms. We'll start with fundamental challenges and add more complex scenarios over time.
+
+
+
Is this suitable for beginners?
+
Yes! We're designing the game with progressive difficulty levels. Beginners can start with simpler challenges that introduce core concepts, while experienced engineers can tackle more complex distributed systems.
+
+
+
Will there be a cost to use the platform?
+
Not right now. The platform will remain free for people to learn from.
+
- -
- -
-
-

Ready to Level Up Your System Design Skills?

-

Join the waitlist and be the first to know when our interactive browser-based platform launches.

-
- -
+ +
+
+

Ready to Level Up Your System Design Skills?

+

Join the waitlist and be the first to know when our interactive browser-based platform launches.

+ + + + + +
+
+ + - - + +