Website Developer To‑Do List

[IamBobo-really]

🌐 Website Developer To‑Do List

What the game is like and what needs to be integrated

1. Game Overview

• Understand the plant evolution system
  Seed → Sprout → Flower → Bush → Tree → Legendary Flower (Rose).

• Understand the Legendary Flower reward
  Legendary Flower (Rose) gives the player 500 Pine Coins instantly.

• Understand Pine Coins
  Main currency used in the game.

• Understand the merge mechanic
  Two identical plants merge into the next evolution stage.

• Understand the inventory system
  Players store plants and items.

• Understand the Train Dominations system
  Trains perform tasks and help progression.

2. Supabase Authentication (Website Developers build this)

• Receive Supabase URL + anon key from Game Developers
  Game Developers own the Supabase project.

• Implement Email + Password login
  Standard Supabase authentication.

• Implement GitHub login
  Use Supabase OAuth provider for GitHub.

• Implement Google login
  Use Supabase OAuth provider for Google.

• Implement Apple login
  Use Supabase OAuth provider for Apple.

• Create session listener
  Detect login/logout events.

• Store user session securely
  Keep users logged in across refreshes.

• Connect Supabase user ID to game save data
  Game Developers provide the save/load API.

3. Integration Requirements

• Load the game bundle from the Game Developer Template Repo
  Use the exported gameBundle.js.

• Connect to the game API
  startGame(), pauseGame(), loadData(), saveData().

• Display Pine Coin balance
  Show the player’s Pine Coins in the website UI.

• Embed the game canvas or iframe
  Place the game inside the website layout.

• Handle game resizing
  Make the game responsive on all devices.

4. Website UI Tasks

• Create login page
  Email, GitHub, Google, and Apple login buttons.

• Create account dashboard
  Show Pine Coins, progress, and game stats.

• Create game container section
  Where the game will appear.

• Add Pine Coin UI
  Show Pine Coins in real time.

• Add loading screen
  Show while the game initializes.

• Add “Play” and “Pause” buttons
  Connect to the game API.

5. Communication With Game Developers

• Confirm Supabase tables
  Game Developers define the database structure.

• Confirm API endpoints
  Verify the functions the website must call.

• Confirm build updates
  Game Developers update the game bundle.

• Confirm versioning
  Website Developers always use the latest stable build.