Public
Likeleisure-planner
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.
AI-powered personalized leisure activity planner — input your demographics, interests & mood, get beautifully crafted activity suggestions, then dive into a detailed itinerary + packing list for your chosen adventure.
- 3-Step Experience: Profile → Suggestions → Detailed Plan
- Demographic Awareness: age, gender, environment, group size
- Interest & Skill Matching: 20 interest tags + 12 skill tags + free-text hobbies
- Mood-Based Filtering: 9 moods influence suggestion tone and energy level
- Budget Sensitivity: Free → Splurge tiers shape realistic options
- AI-Powered Suggestions: 5 tailored activity ideas via GPT-4o-mini
- Rich Detail View: step-by-step timeline, 8–12 item packing list, pro tips
- Beautiful Dark UI: glassmorphism design with gradient accents
Rendering mermaid diagram...
main.tsx ← Hono HTTP server (routes + static serving)
api/
suggest.ts ← OpenAI calls: getSuggestions + getActivityDetail
frontend/
index.html ← HTML shell
index.tsx ← React app root + state management
ProfileForm.tsx ← Step 1: demographics, mood, interests, skills
SuggestionsView.tsx ← Step 2: activity cards grid
DetailView.tsx ← Step 3: timeline, packing list, pro tip
style.css ← Dark glassmorphism theme
README.md
Required environment variable:
| Key | Description |
|---|---|
OPENAI_API_KEY | Your OpenAI API key from platform.openai.com/api-keys |
Add it in Val Settings → Environment Variables.
Visit the deployed endpoint to start planning your perfect leisure time!