reactHonoStarterDupe
Val Town is a collaborative website to build and scale JavaScript apps.
Deploy APIs, crons, & store data β all from the browser, and deployed in milliseconds.
Viewing readonly version of main branch: v229View latest version
This interactive project guides you through Val Town basics using a refactored structure for clarity.
β‘οΈ Get Set Up (Just 2 Steps!):
- Open Your Code: In the File Tree (left), you'll see several files. The instructions are now split:
backend/config.ts: This is where you'll make edits for Steps 2, 3, and 4. Select this file first.- Other files (
backend/index.ts,backend/state.ts, etc.) contain the application logic. You can explore them later.
- Open & Pin Your Tracker: Click the "Open HTTP endpoint" button (π icon, top-right). This opens your Live Progress Tracker in a new browser tab.
- IMPORTANT: Pin the Tracker tab in your browser (usually by right-clicking the tab and selecting "Pin Tab"). This keeps it accessible while you switch between code files in the editor.
Ready? Make sure backend/config.ts is open in the editor. Follow the brief instructions in the code comments within that file. Use your pinned Tracker tab to see progress!
π Quick Jumps (Optional):
Find the relevant comment block in backend/config.ts:
- Editing & Live Preview:
// STEP 2: - Saving Data (Blob Storage):
// STEP 3: - Sending Email:
// STEP 4: - Scheduled Tasks (Cron): Follow Step 5 instructions in
backend/config.ts(action is in the Tracker tab).
β¨ Quick UI Tour:
In this editor window, notice the: File Tree (now with multiple files!), Save button, Logs pane, Environment Variables, "+" button. Explore the different files in backend/ to see how the logic is separated!