A modern, responsive weather forecast website that provides current conditions and 7-day forecasts for any location worldwide.

• 🌍 Global weather data using Open-Meteo API (no API key required)
• 📱 Responsive design that works on desktop and mobile
• 🎨 Beautiful, modern UI with weather icons and gradients
• 📊 Detailed weather information including:
  • Current temperature and conditions
  • 7-day forecast
  • Humidity, wind speed, and pressure
  • Hourly temperature chart
• 🔍 Location search with autocomplete
• 📍 Geolocation support

• Backend: Hono.js API framework
• Frontend: React with TypeScript
• Styling: TailwindCSS
• Weather Data: Open-Meteo API
• Geocoding: Open-Meteo Geocoding API

├── backend/
│   ├── index.ts           # Main API server
│   └── routes/
│       └── weather.ts     # Weather API endpoints
├── frontend/
│   ├── index.html         # Main HTML template
│   ├── index.tsx          # React app entry point
│   └── components/
│       ├── App.tsx        # Main app component
│       ├── WeatherCard.tsx # Current weather display
│       ├── Forecast.tsx   # 7-day forecast
│       └── SearchBar.tsx  # Location search
└── shared/
    └── types.ts           # Shared TypeScript types

1. Visit the website
2. Search for any city or location
3. View current weather and 7-day forecast
4. Click on forecast days for detailed information

• GET /api/weather?lat={lat}&lon={lon} - Get weather data for coordinates
• GET /api/geocode?q={query} - Search for locations