Simple Weather App

Get current weather and forecast for any location

\n\n

\n \n

\n\n ${error ? `\n

${error}

\n ` : ''}\n\n ${weatherData && locationData ? `\n

Current Weather for ${locationData.name}

\n \n

${weatherData.current.temperature_2m}${weatherData.current_units.temperature_2m}

${weatherDescriptions[weatherData.current.weather_code]}

${weatherEmojis[weatherData.current.weather_code] || '🌡️'}

\n \n

Feels Like

${weatherData.current.apparent_temperature}${weatherData.current_units.apparent_temperature}

Humidity

${weatherData.current.relative_humidity_2m}${weatherData.current_units.relative_humidity_2m}

Precipitation

${weatherData.current.precipitation}${weatherData.current_units.precipitation}

Wind

${weatherData.current.wind_speed_10m}${weatherData.current_units.wind_speed_10m}

\n\n

7-Day Forecast

\n ${weatherData.daily.time.map((date, index) => `\n

${new Date(date).toLocaleDateString('en-US', { weekday: 'short' })}

${weatherEmojis[weatherData.daily.weather_code[index]] || '🌡️'}

${weatherDescriptions[weatherData.daily.weather_code[index]]}

\n ${weatherData.daily.temperature_2m_max[index]}${weatherData.daily_units.temperature_2m_max}\n /\n ${weatherData.daily.temperature_2m_min[index]}${weatherData.daily_units.temperature_2m_min}\n

\n 💧 ${weatherData.daily.precipitation_sum[index]}${weatherData.daily_units.precipitation_sum}\n

\n `).join('')}\n

\n ` : location ? `\n

Please enter a valid location to see weather information.

\n ` : ''}\n\n \n

\n\n`;\n}\n\n/**\n * Main handler for HTTP requests\n */\nexport default async function(req: Request): Promise {\n try {\n const url = new URL(req.url);\n const location = url.searchParams.get(\"location\") || \"\";\n \n // If no location is provided, just render the form\n if (!location) {\n return new Response(renderHTML(), {\n headers: { \"Content-Type\": \"text/html\" }\n });\n }\n \n // Geocode the location to get coordinates\n const locationData = await geocodeLocation(location);\n \n if (!locationData) {\n return new Response(\n renderHTML(location, undefined, undefined, `Could not find location: \"${location}\"`), \n { headers: { \"Content-Type\": \"text/html\" } }\n );\n }\n \n // Fetch weather data using the coordinates\n const weatherData = await fetchWeatherData(locationData.latitude, locationData.longitude);\n \n // Render the HTML with the weather data\n return new Response(renderHTML(location, weatherData, locationData), {\n headers: { \"Content-Type\": \"text/html\" }\n });\n \n } catch (error) {\n console.error(\"Error:\", error);\n \n return new Response(\n renderHTML(\"\", undefined, undefined, `An error occurred: ${error instanceof Error ? error.message : String(error)}`),\n { headers: { \"Content-Type\": \"text/html\" } }\n );\n }\n}","deleted","label",[122],"f828b574-365a-11f0-9d45-9e149126039e","README.md","f828b646-365a-11f0-9d45-9e149126039e",["D",1747842478681],"# Simple Server-Rendered Weather App\n\nA minimalist, server-rendered weather application built on Val Town. This app requires no client-side JavaScript and works entirely through server-side rendering.\n\n## Features\n\n- Search for weather by location name\n- View current weather conditions including:\n - Temperature\n - \"Feels like\" temperature\n - Humidity\n - Precipitation\n - Wind speed\n - Weather description with emoji\n- 7-day weather forecast\n- Fully responsive design\n- No client-side JavaScript required\n\n## How It Works\n\n1. The app uses an HTTP val to handle requests\n2. When you search for a location, it:\n - Geocodes the location name to coordinates using Open-Meteo's Geocoding API\n - Fetches weather data from Open-Meteo's Weather API\n - Renders the results as HTML\n3. All processing happens on the server, making this a true server-rendered application\n\n## Technologies Used\n\n- **Val Town** - Hosting and execution environment\n- **Open-Meteo API** - Free weather data without API keys\n- **Twind** - For styling (loaded from CDN)\n- **TypeScript** - For type safety\n\n## Usage\n\nSimply enter a location in the search box and click \"Get Weather\" to see current conditions and forecast.\n\n## Credits\n\n- Weather data provided by [Open-Meteo](https://open-meteo.com/)\n- Built with [Val Town](https://val.town/)",[139],"pulls","forks","envVars",{"_150":42,"_152":42},"connections",{"_150":42,"_151":42},"count","unfilledCount","emptyCount",{"_21":138,"_13":139,"_123":140,"_124":-5,"_125":22,"_126":31,"_128":57,"_23":159,"_30":42,"_131":108,"_133":142,"_135":46,"_136":-5,"_156":160,"_96":161},{"_21":121,"_13":122,"_123":55,"_124":-5,"_125":22,"_126":127,"_128":57,"_23":155,"_30":130,"_131":132,"_133":134,"_135":46,"_136":-5,"_156":157,"_96":158},["D",1747842470486],"children",[],[122],["D",1747842478681],[],[139],["D",1747842383393],{"_11":12,"_94":90},{"_11":12,"_88":-5,"_89":90,"_52":53,"_91":92,"_93":46},{"_30":31,"_13":27,"_21":22,"_28":29,"_32":-5,"_33":-5,"_83":-5,"_84":-5,"_85":-5,"_86":14,"_87":12},"ctx",{"_76":-5,"_116":199,"_200":201,"_202":203,"_204":46,"_205":46,"_206":46,"_207":57,"_208":-5,"_209":-7,"_210":-7,"_211":42,"_212":46,"_213":46,"_214":-5,"_215":46,"_216":46,"_217":46,"_218":-5},"ENV",{"_170":171,"_172":173,"_174":27,"_175":176,"_177":178,"_179":180,"_181":182,"_183":184,"_185":186,"_187":188,"_189":190,"_191":192,"_193":194,"_195":196,"_197":198},"REACT_APP_SENTRY_DSN","https://586020d86f05489db63a554690acf1e9@o1398359.ingest.sentry.io/6724499","RENDER_GIT_COMMIT","811aa22498c9b0b5a47e8d778de579cdb990f332","RENDER_GIT_BRANCH","POSTHOG_API_TOKEN","phc_nmoyuAkStEZuUp69rYlg1DZgrIt19Gx0Y4Hwf8tGgJP","POSTHOG_API_HOST","https://wart.val.town","WEB_API_TEMPLATE","https://{val}.web.val.run","APP_URL","https://www.val.town","MODULE_URL","https://esm.town","VANITY_WEB_API_TEMPLATE","https://{label}.val.run/","DENOLS_URL","https://lsp.val.town","NODE_ENV","production","CLOUDFLARE_TURNSTILE_SITE_KEY","0x4AAAAAACtaIZJH7s9rBMZ6","GOOGLE_CLIENT_ID","875989696899-jtsqkhlbdv5jrlsk8631p7ipjg3c6o62.apps.googleusercontent.com","STRIPE_PUBLISHABLE_KEY","pk_live_51N2zvWEpZTTLipIkVEwXrUG9AT0yeOOEYxszarZT1jpsZV58Ly6wlg3SltZpHN26CUalOBmUSY7adQRQiSkCZz2500qSXNkf8Y","API_URL","https://api.val.town",[],"preferencesKeybindings","default","preferencesTheme","light","preferencesFixers","preferencesCopilot","preferencesSelectionAi","preferencesCloseBrackets","preferencesChatPanelState","preferencesDprint","preferencesDenofmt","notificationCount","flagDenols","isBusinessOrgMember","businessOrgHandle","isBusinessOrgAdmin","isHigherTownieTier","navCollapsed","currentOrgId"]

Branches2

Branches
2