My App

{"/styles.css":{"code":".app {\n font-family: system-ui, sans-serif;\n max-width: 800px;\n margin: 0 auto;\n padding: 2rem;\n}\n\nh1 {\n color: #333;\n}"},"/App.js":{"code":"import { useEffect, useState } from \"react\";\n\nexport default function App() {\n const [jumping, setJumping] = useState(false);\n const [obstacleX, setObstacleX] = useState(400);\n\n // Jump\n const jump = () => {\n if (!jumping) {\n setJumping(true);\n setTimeout(() => setJumping(false), 500);\n }\n };\n\n // Move obstacle\n useEffect(() => {\n const interval = setInterval(() => {\n setObstacleX((prev) => (prev < -50 ? 400 : prev - 5));\n }, 30);\n\n return () => clearInterval(interval);\n }, []);\n\n return (\n \n

\n \n {/* Player */}\n \n\n {/* Obstacle */}\n \n

\n \n );\n}"},"/index.js":{"code":"import React, { StrictMode } from \"react\";\nimport { createRoot } from \"react-dom/client\";\nimport \"./styles.css\";\n\nimport App from \"./App\";\n\nconst root = createRoot(document.getElementById(\"root\"));\nroot.render(\n \n \n \n);"},"/public/index.html":{"code":"\n\n\n \n \n My App\n\n\n

\n\n"}}

Geometry dash but worser it's the best I could do by I hate snakes