weather-gadget

A smart Forge-powered gadget that brings real-time weather insights into your Jira workspace—perfect for planning tasks with weather awareness.

Comment

Inspiration

We were inspired by how external conditions like weather can directly impact task execution in industries like logistics, construction, or on-site services. Yet, Jira didn’t offer any native way to reflect that in planning. So, we thought: what if Jira could feel the weather?

What it does

The Weather Gadget adds a panel inside every Jira issue to show live weather data for a predefined location (e.g., Delhi). It fetches temperature, humidity, and condition data from WeatherAPI, helping teams plan their tasks with real-world environmental context.

How we built it

  • Used Atlassian Forge CLI to scaffold the app
  • Selected the Custom UI (Jira Issue Panel) template
  • Built a React-based UI that calls WeatherAPI using fetch
  • Updated manifest.yml to set permissions and resources
  • Deployed using forge deploy, and installed to our Jira dev site

Challenges we ran into

  • Logging into Forge CLI using Atlassian API tokens was initially confusing
  • Build error: react-scripts not recognized required manual installation
  • Configuring the external fetch permissions in manifest.yml took trial and error
  • Understanding Forge’s folder structure and React deployment flow

Accomplishments that we're proud of

  • Successfully built and deployed a working Forge app from scratch
  • Integrated a third-party weather API into a Jira Cloud environment
  • Delivered a polished UI with real-time data
  • Understood Atlassian Forge deployment lifecycle

What we learned

  • How to use Atlassian Forge CLI, deploy environments, and configure modules
  • Building Custom UI apps inside the Jira ecosystem
  • React integration with cloud platforms and manifest-based security permissions
  • Real-time API integration inside task management tools

What's next for weather-gadget

  • Add location input (user-entered city or auto-detect via geolocation)
  • Add 5-day weather forecasts and severe weather alerts
  • Convert into a dashboard widget for high-level project planning
  • Add animation and dynamic weather icons for better UX
  • Enable conditional task highlighting (e.g., warn if rain during a task)

Built With

Share this project:

Updates