{"project":{"id":"pFfQl10","userId":"davidyarham@gmail.com","username":null,"userPicture":null,"name":"React Example....","visible":true,"contributors":"","githubRepo":null,"forkedFrom":null,"isTemplate":false,"tags":"","files":{"folder":"","files":[{"name":"index.html","content":"<!DOCTYPE html>\n<html lang=\"en\">\n<head>\n  <meta charset=\"UTF-8\">\n  <meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\">\n  <title>Untitled</title>\n  <link rel=\"stylesheet\" href=\"style.css\">\n<!-- React -->\n<script src=\"https://unpkg.com/react@18/umd/react.development.js\"></script>\n<script src=\"https://unpkg.com/react-dom@18/umd/react-dom.development.js\"></script>\n\n<!-- Babel (this is the trick) -->\n<script src=\"https://unpkg.com/@babel/standalone/babel.min.js\"></script>\n</head>\n<body>\n<!-- See Preferences Head for the needed CDN JS -->\n\n<div id=\"app\"></div>\n\n<script type=\"text/babel\">\n\tfunction Counter() {\n\t\tconst [count, setCount] = React.useState(0);\n\n\t\treturn (\n\t\t\t<button onClick={() => setCount(count + 1)}>\n\t\t\t\tClicked {count} times\n\t\t\t</button>\n\t\t);\n\t}\n\n\tconst root = ReactDOM.createRoot(document.getElementById(\"app\"));\n\troot.render(<Counter />);\n</script>\n  <script type=\"module\" src=\"main.js\"></script>\n</body>\n</html>"},{"name":"main.js","content":""},{"name":"style.css","content":"/* Feel free to remove these if you dont need them... */\n\n:root {\n\tcolor-scheme: light dark;\n\tfont-family:system-ui;\n}\n\n* {\n\tbox-sizing: border-box;\n}\n\nbody{\n\theight:100vh;\n\tmargin:0;\n\tdisplay:grid;\n\tplace-items:center;\n\tbutton{\n\t\tfont-size:10vw;\n\t}\n}"}],"folders":[]},"variants":null,"createdAt":"2026-01-27T13:30:09.127Z","updatedAt":"2026-01-27T13:36:11.363Z","hasThumbnail":true}}