codex-lv3-may-2025

Level Navigation: 1

2

3

4

5

6

7

8

9

10

11

12

13

14

15

16

17

18⚡

19

Level 2: Clean Slate - Remove Starter Code

User Story: As a developer, I want to start with a clean slate so that I can understand every line of code I write.

What You’ll Do

Remove the default Vite starter code and styling to create a minimal starting point.

Instructions

• Open src/App.jsx and simplify it to a basic component
• Clear out src/App.css completely
• Clear out src/index.css to remove global styling
• Remove any default imports you don’t need
• Keep your component simple with just a basic return statement

💡 Code Hints

Need help simplifying? Check out these snippets:

Show Me: simplified App.jsx

import './App.css'

function App() {
  return (
    <>
      <div>
        <h1>Apple Clicker Game</h1>
      </div>
    </>
  )
}

export default App

Show Me: empty CSS files

For src/App.css and src/index.css, just delete all content:

/* Empty - we'll add our own styles */

✅ Check

1. Your browser should now show a blank page with just “Apple Clicker Game”
2. No Vite or React logos should be visible
3. Check the browser console - there should be no errors
4. If you see styling from before, make sure you cleared the CSS files
5. The page should reload automatically (hot module replacement)

---