MoleqDraw

An Adobe Express Add-On that fetches of an image of a provided chemical compound with a click of a button. We fetch the images from PUG REST, a REST service provided by NIH

Comment

Inspiration

We wanted to make it easier to generate chemistry-based posters.

What it does

We allow users to enter a chemical compound name or Simplified Molecular Input Line Entry System (SMILES) and then generate an image of the corresponding compound to Adobe Express.

How we built it

  • We used HTML and CSS to create the interface
  • We used JS to communicate with the Adobe Express add-on SDK, which calls on the PubChem API to retrieve the corresponding compound image.

Challenges we ran into

  • Understanding how Adobe Express SDK works and what features does what
  • Setting up the development environment for the team. Namely generating an SSL certificate for each team member's system

Accomplishments that we're proud of

  • We created an easy-to-use user interface and a working prototype.

What we learned

  • If the documentation is still confusing, look at sample code

What's next for moleqDraw

Provide a PNG version of the compound image to allow for different background color.

Built With

Share this project:

Updates