WeatherCards app

[fparri]

Hi everyone,

I’m not a developer, but I really enjoy experimenting with my Bangle.js 2. With a lot of help from AI tools, plus many rounds of testing and tweaking on the watch, I put together a little weather app called WeatherCards.

The app started from the standard Weather app available in the BangleApps repository, using the existing Bangle.js weather module as a base. I then used AI assistance to rework the interface into a fullscreen, card-based experience.

The idea behind WeatherCards is to make weather information easier to understand at a glance.

Instead of showing everything in one dense screen full of numbers, the app presents a sequence of simple fullscreen cards. Each card answers one practical question: where the forecast is for, what today looks like, whether there is an alert, how windy it is, what to wear, whether it feels comfortable outside, and so on.

Some examples of cards are:

• HERE: the current place
• ALERT / CRITICAL: important weather warnings
• TODAY: high and low temperatures
• WIND: wind speed and direction
• ACTION: simple advice for the day, such as whether it is fine to go outside or whether to check rain, wind, UV, etc.
• WEAR: clothing suggestions
• NOW: current weather
• FROST: cold / ice warning
• COMFORT / MUGGY: how the weather feels
• UV
• SUNRISE / SUNSET

I tried to keep the UI very readable on the Bangle.js 2: big text, strong contrast, no clutter, and filled icons. The current version has a playful, slightly kawaii / sticker-like visual style, because I wanted it to feel friendly rather than purely technical.

To be clear, I did not write this like an experienced developer would. Most of the code was generated and revised with AI help, while I tested it on the watch, checked what worked, spotted problems, asked for changes, and guided the design and behaviour through many iterations.

I’m attaching a zip file with the app. It works on my Bangle.js 2, but I’m sure the code can be improved. If anyone knows the proper way to clean it up, review it, or eventually publish it on the Bangle.js App Loader / store, I’d really appreciate some guidance :)

weather_cards_bangleapps_v20_package.zip

[gfwilliams]

Those screenshots look great! I took a very quick look at the code, and honestly it seems fine. The app itself is quite large because of all the images, but it's all sitting on external flash memory so I don't think there's anything to be worried about.

The only minor things I noticed:

• In metadata, "author": "Fabio Parri", should ideally be your GitHub username (fparri)
• The ChangeLog should be the other way up (bigger version numbers at the bottom)
• The screenshot.png file seems to be photoshopped, which isn't a problem - but I'd use one of the screenshots you posted up here instead as they're much more colourful and persuasive!

It might be there are some minor things, but I'd encourage you to submit a pull request to the app loader's GitHub page (more info at https://www.espruino.com/Bangle.js+App+Loader#submitting-your-app-to-the-main-app-loader-website) and I'd be pretty sure it can be merged in with only minor changes.

On the use of AI: I'm totally fine with it as long as the app has been checked over carefully, works, and is actually useful to others. I'd prefer someone used AI and really tested the result, than if they wrote it all themselves and then never checked it worked properly :)