const startercode = { node: [ { name: 'index.js', body: `console.log("Hello World!")` }, { name: 'package.json', body: `{ "name": "nodejs", "version": "1.0.0", "description": "", "main": "index.js", "keywords": [], "author": "", "license": "ISC", "dependencies": { "@types/node": "^18.0.6" } }`, }, ], react: [ { name: 'package.json', body: `{ "name": "react", "private": true, "version": "0.0.0", "type": "module", "scripts": { "dev": "vite", "build": "vite build", "lint": "eslint . --ext js,jsx --report-unused-disable-directives --max-warnings 0", "preview": "vite preview" }, "dependencies": { "react": "^18.2.0", "react-dom": "^18.2.0" }, "devDependencies": { "@types/react": "^18.2.66", "@types/react-dom": "^18.2.22", "@vitejs/plugin-react": "^4.2.1", "eslint": "^8.57.0", "eslint-plugin-react": "^7.34.1", "eslint-plugin-react-hooks": "^4.6.0", "eslint-plugin-react-refresh": "^0.4.6", "vite": "^5.2.0" } }`, }, { name: 'vite.config.js', body: `import { defineConfig } from 'vite' import react from '@vitejs/plugin-react' // https://vitejs.dev/config/ export default defineConfig({ plugins: [react()], }) `, }, { name: 'index.html', body: ` React Starter Code

`, }, { name: 'src/App.css', body: `div { width: 100%; height: 100vh; display: flex; flex-direction: column; align-items: center; justify-content: center; } h1 { color: #fff; margin: 0; } p { color: #777; margin: 0; } button { padding: 8px 16px; margin-top: 16px; }`, }, { name: 'src/App.jsx', body: `import './App.css' import { useState } from 'react' function App() { const [count, setCount] = useState(0) return (

React Starter Code

Edit App.jsx to get started.

) } export default App `, }, { name: 'src/main.jsx', body: `import React from 'react' import ReactDOM from 'react-dom/client' import App from './App.jsx' ReactDOM.createRoot(document.getElementById('root')).render( , ) `, }, ], }; export default startercode;