SkyLens is a modern, user-friendly weather application designed to bring you accurate and detailed weather information right at your fingertips. Whether you want to check the current conditions or plan for the week ahead, SkyLens has you covered with real-time data and beautiful visualizations.
- Current Weather: Get up-to-the-minute weather updates for your location or any city worldwide.
- Hourly & Daily Forecast: Detailed forecasts including temperature, precipitation, wind speed, and humidity.
- UV Index: Stay safe by checking the UV index for your area.
- Weather Alerts: Receive notifications about severe weather conditions.
- Location Support: Automatically detects your location or lets you enter a location manually.
- Clean UI: Minimalistic design focused on usability and clarity.
- Responsive Design: Works great on both desktop and mobile devices.
- Allow location access for automatic weather detection.
- Or enter a city name in the search bar to get weather data for that location.
- Navigate through hourly and daily tabs to explore detailed forecasts.
- Toggle light/dark mode for comfortable viewing in any environment.
- HTML5
- CSS3 (with Flexbox/Grid)
- JavaScript (ES6+)
- OpenWeatherMap API (for weather data)
- Geolocation API (for user location)
To use SkyLens, you need an API key from OpenWeatherMap.
- Sign up and get your free API key.
- Replace the placeholder API key in
scripts/weather.jswith your own:
const API_KEY = 'YOUR_OPENWEATHERMAP_API_KEY';
## Installation
1. Clone the repository:
```bash
git clone https://github.com/yourusername/skylens.git