New York Weather Map App

A detailed weather application that displays comprehensive weather information for New York City on an interactive map.

Features

Interactive map of New York City
Current weather conditions
Detailed weather metrics (temperature, humidity, wind, pressure, etc.)
Weather forecast
Multiple location points across NYC
Responsive design with modern UI

Project Structure

├── backend/
│   └── index.ts          # Main API server with weather endpoints
├── frontend/
│   ├── index.html        # Main HTML template
│   ├── index.tsx         # React frontend entry point
│   ├── components/
│   │   ├── App.tsx       # Main app component
│   │   ├── WeatherMap.tsx # Interactive map component
│   │   └── WeatherCard.tsx # Weather info display
│   └── style.css         # Custom styles
├── shared/
│   └── types.ts          # Shared TypeScript types
└── README.md

Tech Stack

Backend: Hono.js API server
Frontend: React with TypeScript
Map: Leaflet.js for interactive maps
Weather Data: Open-Meteo API (no API key required)
Styling: TailwindCSS
Deployment: Val Town

Usage

The app displays an interactive map of New York City with weather information overlays. Click on different areas of the map to see detailed weather conditions for that location.