A Blazor module for Oqtane CMS that displays real-time weather data, forecasts, and interactive charts using the OpenWeather API.
- Current Conditions: Temperature, humidity, wind, pressure, and more
- Hourly & Daily Forecasts: Interactive charts for temperature and wind
- Weather Alerts: Displays active weather alerts
- Map Integration: Location visualization with Leaflet maps
- Location Lookup: Search latitude/longitude by city, state, and country
- Imperial/Metric Units: User-selectable units
- Localization: Multi-language support via Oqtane
- Oqtane CMS v6.1.2+
- .NET 9 SDK
- OpenWeather API Key
-
Clone the repository
git clone https://github.com/JoeAucoin/GIBS.Module.OpenWeather.git
-
Build the solution
- Open in Visual Studio
- Build the project
-
Add the module to your Oqtane site
- Log in as an admin
- Add the "GIBS OpenWeather" module to a page
- Go to module settings
- Enter your OpenWeather API key
- Specify city, state, and country
- Use "Lookup Lat/Long" to auto-fill coordinates
- Select units (Imperial/Metric)
- Adjust map zoom level as needed
- View current weather, forecasts, and alerts for your location
- Use interactive charts for hourly and daily trends
- Change settings to update displayed data
Client/Modules/GIBS.Module.OpenWeather/Index.razor
– Main UIClient/Modules/GIBS.Module.OpenWeather/Settings.razor
– Settings UIClient/Services/WeatherProvider.cs
– API logicShared/Models/OpenWeather.cs
– Data models
- Built with Blazor and Oqtane module conventions
- Uses dependency injection for services
- Async/await for API calls and error handling
Pull requests and issues are welcome!
Please follow Oqtane module development guidelines.
MIT License © .NET Foundation