This project will guide you through the basics right here in the Val Town editor.

➡️ Get Set Up (2 Steps):

1. Open Your Code: In the File Tree on the left, click on backend/index.ts. This is where you'll make changes.
2. Open Your Tracker: Near the top-right of the editor, click the "Open HTTP endpoint" button. This opens your Live Progress Tracker in a new browser tab. Keep this tab open - you'll refresh it to see your progress!

Ready? Switch back to the backend/index.ts file in this editor window and follow the instructions written in the code comments, starting near the top. Good luck!

(Quick UI Tour: As you work, notice the File Tree (left), Save button (top-right), and Logs pane (bottom). You'll use these!)

Step 1: Launch Live Preview 🚀 (Already Done!)

• How: You're looking at the Preview Pane! It's live code served by backend/index.ts.
• Concept: Instant deployment, zero config.
• See: "Step 1" is checked in the Preview Pane.

Step 2: Edit & See Live Changes ✏️

1. In the Editor, open backend/index.ts (use the File Tree on the left).
2. Find const GREETING = ... near the top.
3. ACTION: Change the text inside the quotes.
4. ACTION: Click the green Save button (top-right of editor).
5. ACTION: Click the Refresh button (🔄) inside the Preview Pane.
6. See: The "Greeting" in the Preview Pane updates, and "Step 2" gets checked!
7. Concept: Edit → Save → Refresh Preview = Instant Updates.

Step 3: Save Data (Blob Storage) 💾

1. In backend/index.ts, find const enableBlobCounter = false;.
2. ACTION: Change false to true.
3. ACTION: Click Save.
4. ACTION: Refresh the Preview Pane twice.
5. See: A "Visits" counter appears and increments in the Preview Pane. Step 3 is checked.
6. Editor UI Tip: Need to debug? Add console.log("...") in your code, Save, refresh the Preview Pane, then check the Logs pane at the bottom of the editor.
7. Concept: std/blob = Easy data persistence.

Step 4: Send an Email ✉️

1. In backend/index.ts, find enableTestEmail = false;.
2. ACTION: Change false to true.
3. ACTION: Click Save.
4. ACTION: Refresh the Preview Pane.
5. See: "Step 4" checked in the Preview Pane. Check your Val Town account email!
6. Concept: std/email = Easy email notifications.

Step 5: Learn About Automation (Cron) ⏰

1. ACTION: In the Preview Pane, find and click the "Learn Cron" button.
2. See: Step 5 gets checked in the Preview Pane, and the official Cron guide opens in a new tab (perfect for deeper learning later).
3. Concept: Use Cron Vals (created via the "+" button near your profile pic) to run code on a schedule.

Next Steps & UI Tour ✨

You've covered the core magic! Keep exploring:

• Secrets: Use Environment Variables (left sidebar) for API keys. Access with Deno.env.get("...").
• Collaboration: Like (❤️), Remix, and Comment on vals.
• ⚙️ Settings: Control privacy, permissions, etc.

Modify this project, or click "+" (top-right) > Val to create something new!

(More steps can be added later!)