My inspiration was ScreenSnipe - a JIRA and Confluence plugin we recently archived on the Atlassian Marketplace. ScrenSnipe was developed with Java Applets technology which is almost dead now, hence my idea to create a new plugin in pure HTML5. The first version is for JIRA Server with essential functionalies. Plans we evaluate revolve around JIRA Cloud and Confluence versions.

What it does

Essentially, Image Annotator for JIRA adds image editor to JIRA. After installation, you can start the editor when you hover over images attached to issues (JPG, PNG, BMP). If you have edit permission right, you can edit and annotate image attachments in issues. Your changes can be saved in original attachment or you can create a separate annotated or edited image attachment.

How I built it

I started with the JavaScript library for image editing. Next, I built the JIRA plugin that wraps it in the JIRA user interface. I used frontend technologies mainly, the only one Java class so far is responsible for handling license.

Challenges I ran into

There were quite a few challenges, actually. The biggest two of them were handling image attachments (adding and removing them) in frontend code and creating a text tool that lets users type directly on the attached image.

Accomplishments that I'm proud of

I'm very proud of creating my own image editing library that can turn any HTML Canvas element into image editor. I'm also happy with the overall architecture of the plugin - it's very modular and it should let us build Image Annotator for other Atlassian apps (like JIRA Cloud and Confluence) quick and easy.

What I learned

I've learned a lot about HTML Canvas API.

What's next for Image Annotator for JIRA

Tight integration with Add Screenshot screen in JIRA which will result in possibility to edit the just-pasted screenshot, which is not yet an issue attachment.

Built With

+ 15 more
Share this project:


posted an update

It turned out that "What's next for Image Annotator" happens now! There is brand new version on Atlassian Marketplace with hot new feature - integration with JIRA Attach Screenshot popup. Now those screenshots can be edited even before they are attached to issue!

Log in or sign up for Devpost to join the conversation.