Skip to content

Add Weather Widget Component#257

Open
CyberHuman-bot wants to merge 4 commits intoIceWhaleTech:mainfrom
CyberHuman-bot:main
Open

Add Weather Widget Component#257
CyberHuman-bot wants to merge 4 commits intoIceWhaleTech:mainfrom
CyberHuman-bot:main

Conversation

@CyberHuman-bot
Copy link

@CyberHuman-bot CyberHuman-bot commented Sep 29, 2025

Summary

This PR introduces a new Weather widget to CasaOS-UI. The widget displays current temperature, weather description, wind, humidity, and a mini temperature chart. Users can select their city from a dropdown.

Features

  • Displays current temperature and “feels like” temperature
  • Shows weather description (e.g., cloudy, sunny)
  • Displays humidity and wind stats
  • 3-hourly forecast chart for the next 8 entries
  • City selection dropdown with localStorage persistence

Notes

  • Fully compatible with Vue 2
  • Uses OpenWeatherMap API (API key included for demo purposes)
  • Styling follows the current CasaOS-UI theme
  • Uses static emoji for weather icons (to be updated later)

Screenshot

Weather Widget

⚠️ Note: Please do not install apps — their ports are not forwarded.
(This is a streamline of PR #254)

@sonarqubecloud
Copy link

@@ -1,25 +1,348 @@
### Summary
Copy link
Author

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

This Was Accidental

@sonarqubecloud
Copy link

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

None yet

Projects

None yet

Development

Successfully merging this pull request may close these issues.

1 participant