🎉 MILESTONE — Online Leaderboard Works!

Coming Soon

1080p • 60FPS

Full-stack complete. Frontend -> API -> Database. We deploy our live leaderboard and connect it to the game.

Resources

Phase 1: Intel

Mission Briefing

⏱️ Before You Watch (5 mins)

Today's Secret: Today we close the loop. The Frontend talks to the Backend, the Backend talks to the Database. This is how every major tech company works.

What you should have ready:

Frontend (Snake Game)
Backend (Express API)
Database (SQLite)

🧠 The Full Picture

[Snake Game] --> [API] --> [Database]
     ^            |           |
     |            v           v
  (Player)    (Server)    (Storage)

🤔 Think About

Before watching, consider:

When you get a "Game Over", what should happen? (Send score to API).
When the game loads, what should happen? (Fetch top scores from API).

🎯 By the End

After this episode, you'll:

✅ Connect all 3 pieces
✅ Have a working, persistent leaderboard
✅ Be a certified Full-Stack Developer!

Let's connect the dots! 🔗

Phase 3: Debrief

Mission Report

📝 Series C Recap

You have built a complete system.

Frontend: The Game (what users see).
Backend: The API (the logic).
Database: SQLite (the memory).

Most "coding courses" only teach you one. You built all three.

🔗 Architecture Complete

You send a score from the browser. It travels through the internet (JSON). It hits your API (Express). It gets saved to the disk (SQLite). It lasts forever.