Skip to content

Add Weather Widget Component#254

Closed
CyberHuman-bot wants to merge 21 commits intoIceWhaleTech:mainfrom
CyberHuman-bot:main
Closed

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

Conversation

@CyberHuman-bot
Copy link

@CyberHuman-bot CyberHuman-bot commented Sep 19, 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

Live Demo

View Demo
Username: Demo
Password: Casa123

⚠️ Note: Please do not install apps — their ports are not forwarded.

@jerrykuku
Copy link
Contributor

Great widget, but I found that you have changed a lot of code in addition to the new widget, and I hope you can streamline the scope of the changes.

@sonarqubecloud
Copy link

@Inspara
Copy link

Inspara commented Sep 29, 2025

Hello, this it my second account
Thanks I will remake the fork because I accidentally deleted some files and had to regenerate them I'll try my best.

@CyberHuman-bot CyberHuman-bot closed this by deleting the head repository Sep 29, 2025
@CyberHuman-bot
Copy link
Author

i have moved this PR to PR #257

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.

3 participants