ski-alerts
Public
Pull mirror status: ok
E
feat(starter): upgrade to SvelteKit 3 and Node.js 24
src
static
.env.example
.gitignore
.npmrc
package-lock.json
package.json
README.md
tsconfig.json
vite.config.ts

Ski Alerts

A SvelteKit app that tracks ski resort conditions and creates personalized alerts using AI. This is the starter project for the Svelte on Vercel course.

Getting Started

Use Node.js 24. This project uses SvelteKit 3, Svelte 5, Vite 8, and the Vercel adapter 7. SvelteKit and adapter options live in vite.config.ts.

npm install
cp .env.example .env  # Add your AI_GATEWAY_API_KEY
npm run dev

Open http://localhost:5173 to see the app.

What's Already Built

The UI, data layer, and routing are ready to go:

  • Conditions dashboard showing live weather for 5 ski resorts
  • Alerts page with localStorage persistence
  • Chat interface wired up and waiting for a streaming endpoint
  • Resort data for Mammoth, Palisades Tahoe, Grand Targhee, Steamboat, and Mt. Bachelor
  • Weather service pulling from Open-Meteo (free, no API key needed)
  • Alert schemas validated with Valibot

What You'll Build

Look for // TODO: comments in the codebase. Throughout the course, you'll implement:

  1. AI chat endpoint (src/routes/api/chat/+server.ts): Streaming responses with tool calling
  2. Structured output (src/routes/api/parse-alert/+server.ts): Natural language to structured alert data
  3. Background workflow (src/routes/api/workflow/+server.ts): Durable execution with error handling
  4. ISR caching (src/routes/+page.server.ts): Incremental Static Regeneration for the dashboard
  5. AI provider (src/lib/ai/provider.ts): Centralized model config with usage tracking

Project Structure

src/
├── lib/
│   ├── ai/              # AI provider config (TODO)
│   ├── components/      # ResortCard, AlertCard, Chat
│   ├── data/            # Resort metadata
│   ├── schemas/         # Alert Valibot schemas
│   └── services/        # Weather API, alert evaluation
├── routes/
│   ├── +page.svelte     # Conditions dashboard
│   ├── alerts/          # My Alerts page
│   └── api/
│       ├── chat/        # AI streaming endpoint (TODO)
│       ├── evaluate/    # Alert evaluation
│       ├── parse-alert/ # Structured output (TODO)
│       └── workflow/    # Background workflow (TODO)

Environment Variables

VariableDescription
AI_GATEWAY_API_KEYAPI key for the AI Gateway (required for AI features)

Complete Reference

Switch to the complete branch to see the finished implementation:

git checkout complete

Tech Stack