Skycast is a weather information website that provides detailed local weather forecasts. It utilizes the OpenWeatherMap API to fetch real-time and historical weather data. Below are details regarding the technologies used, key features, and instructions for usage.
- HTML: Website structure.
- CSS: Styling and responsiveness.
- JavaScript: Interaction logic and data manipulation.
- Chart.js: Library for interactive chart creation.
- OpenWeatherMap API: Primary source for weather data.
- Unsplash API: Used for background images based on weather conditions.
-
City Search:
- Allows users to search for weather information by entering the city name.
-
Current Location:
- Option to use the user's geolocation to automatically fetch weather data.
-
Weather Information:
- Displays current temperature, weather description, humidity, wind speed, sunrise and sunset times, and a weather icon.
-
Forecast for Next Days:
- Shows a temperature forecast chart for the upcoming days using Chart.js.
-
Weather Alerts:
- Provides specific weather alerts for the searched or current location.
-
Historical Weather Data:
- Presents a temperature variation chart for the past hours or days.
-
Weather Maps:
- Includes an interactive map for weather data visualization.
- Clone the Skycast repository.
- Open the
index.html
file in your web browser. - Enter the desired city name in the search input and click "Search", or use the "Use my location" button for automatic data fetching.
- Explore different sections to view detailed weather information, forecasts, alerts, and historical data.
- Ensure you have a valid OpenWeatherMap API key set in the environment variable
process.env.OPEN_WEATHER_MAP_KEY
. - The website is responsive and designed to work well on both mobile and desktop devices.
- The project is under license from MIT. You can access it here