• Blog
  • Docs
  • Pricing
  • We’re hiring!
Log inSign up
laurynas

laurynas

saulyte

Public
Like
saulyte
Home
Code
3
backend
1
frontend
3
README.md
Branches
1
Pull requests
Remixes
History
Environment variables
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.
Sign up now
Code
/
README.md
Code
/
README.md
Search
5/29/2025
Viewing readonly version of main branch: v14
View latest version
README.md

Photography Weather Dashboard

A dense, mobile-first weather website designed for photographers to quickly check upcoming weather conditions with focus on cloud cover, visibility, and lighting conditions.

Features

  • 📱 Ultra-dense mobile design - Maximum information in minimal space
  • ⚡ Quick scanning - Color-coded hourly cards for instant condition assessment
  • 🌅 Golden hour highlighting - Special glow effects for optimal lighting times
  • 📊 Photography scoring - 1-10 rating system based on cloud cover and visibility
  • 📍 Smart location - Auto-detects location with manual coordinate override
  • 🎯 Today highlighting - Special border for current day
  • 📈 Day summaries - Best times, golden hours, and average scores per day

Mobile-First Design

  • Sticky header with collapsible legend
  • Dense hourly grid showing every hour in compact cards
  • Touch-friendly hover effects and responsive layout
  • Minimal scrolling with maximum information density
  • Quick stats showing good hours count per day

API Data

Uses Open-Meteo KNMI API with official SDK:

  • Hourly: temperature, cloud cover (total, low, mid, high), surface pressure, visibility
  • Daily: sunrise, sunset times
  • Timezone: Auto-detected
  • Model: KNMI Seamless for high accuracy

Project Structure

├── backend/
│   └── index.ts          # Hono server with Open-Meteo SDK integration
├── frontend/
│   ├── index.html        # Main page
│   ├── index.tsx         # Dense React app
│   └── style.css         # Mobile-optimized styles
└── README.md

Usage

The main endpoint serves the weather dashboard. The API automatically detects location or allows manual coordinates input.

Key Features

  • Photography Score: 1-10 rating based on cloud cover, visibility, and lighting conditions
  • Golden Hour Detection: Automatically identifies optimal lighting times (±1 hour from sunrise/sunset)
  • 7-Day Forecast: Hourly weather data for the next week
  • Location Detection: Auto-detects your location or allows manual coordinate input
  • Mobile Responsive: Works great on all devices

Photography Conditions

  • Excellent (☀️): <20% cloud cover - Perfect for most photography
  • Very Good (🌤️): 20-40% cloud cover - Great conditions with some interesting clouds
  • Good (⛅): 40-60% cloud cover - Good for dramatic skies
  • Fair (☁️): 60-80% cloud cover - Overcast but workable
  • Poor (🌧️): >80% cloud cover - Limited lighting options
  • Golden Hour (🌅): Special highlighting for optimal portrait/landscape times

API Endpoints

  • GET / - Main dashboard
  • GET /api/weather?lat={lat}&lon={lon} - Weather data with photography insights
  • GET /api/location - Auto-detect location from IP
FeaturesVersion controlCode intelligenceCLIMCP
Use cases
TeamsAI agentsSlackGTM
DocsShowcaseTemplatesNewestTrendingAPI examplesNPM packages
PricingNewsletterBlogAboutCareers
We’re hiring!
Brandhi@val.townStatus
X (Twitter)
Discord community
GitHub discussions
YouTube channel
Bluesky
Open Source Pledge
Terms of usePrivacy policyAbuse contact
© 2025 Val Town, Inc.