My Weather Gadget for Jira

• 

  dark theme

• 

  light theme

• 

  config ui

Inspiration

Mobile weather app

What it does

Get the weather information in the Jira dashboard, you can add more than one city to watch the weather

How we built it

We use @forge/react Tabs, Select, Icon, Image, Box, Inline, Stack, Heading, DynamicTable, Button and so on to build the UI, and use openweather's API to retrieve the weather data

Challenges we ran into

The native UI costs a lot of time to make it looks more beautiful and also the DynamicTable column width costs me more time to make it suitable for data to display in one line. Also this is the first time to develop a dashboard gadget app for me, and I learn how to find and add a gadget in the dashboard.

Accomplishments that we're proud of

It works for multiple cities' weather and has a dynamic icon at the head by SVG animation.

What we learned

I can't add a background image in Box component, so I have to add the SVG animation icon at the head not the tab panel's background. By forge tunnel save me lot of time to deploy to see changes effect.

What's next for My Weather Gadget for Jira

The next 7 days forest, automatic refresh, more accurate icons for different weather (currently only some main kinds), i18n

Built With

• forge
• openweather
• uikit