OpenWeatherMap API Demo

Discover the full power of weather data

Get your free API key at openweathermap.org/api

API Features Demonstrated

Current Weather Data
5-Day Weather Forecast
Air Pollution Data
UV Index Information
Weather Maps
Geocoding Service

CORS Limitation Notice

Some browsers may block direct API calls due to CORS (Cross-Origin Resource Sharing) restrictions.

Solutions:

  • Deploy to Netlify/Vercel: Server-side deployment often resolves CORS issues
  • Use CORS Proxy: Add a CORS proxy service like cors-anywhere
  • Browser Extension: Use a CORS browser extension for testing
  • Different Browser: Try Chrome, Firefox, or Safari

Manual API Testing

You can test your API key manually by visiting this URL in a new tab:

https://api.openweathermap.org/data/2.5/weather?q=London&appid=YOUR_API_KEY_HERE

Replace "YOUR_API_KEY_HERE" with your actual API key. If it works there, the issue is CORS-related.