iGem competition experience in Boston

iGem, The International Genetically Engineered Machine competition is a worldwide synthetic biology competition. Yes, biology. I love delving into fields I know nothing about. I became a part of the iGem team at the beginning of this year. To be fair, it can involve a lot of engineering and computer science depending on the project the team is working on.

This year we decided to build a device to be used in airports that is non-invasive and can detect 5 diseases using only saliva. No more blood swabs! I was the head of the computer science team. My work first entailed working on the website with the computer science team as it is one of the three things the judges will see (the presentation and the poster being the other two) and developing the WEB API for the device.

The Website

We took inspiration from pages such as the One Plus 7 Pro Phone website with its smooth scrolling animations:

I researched many scroll animation javascript libraries for weeks on end and could not get a library that seemed to work smoothly accross browsers. At the verge of giving up I just decided to inspect element (view source) of the oneplus and apple website and to my surprise they both used the same scroll animation library, scrollmagic.js This was surprising because I thought they’d have implemented the animations from their own animation library or vanilla js. I started working with the scrollmagic library and once I got the hang of it I was amazed at its power. The tween and tweenmax functions allow for precise control of the timing, placement, css styles for the animations and this makes very complex animations possible. After a couple of days hacking around with the library I was able to do parallax scrolling animations just as the oneplus and apple website animations work.

Heres the homepage link: https://2019.igem.org/Team:NYU_Abu_Dhabi (the website is optimized for desktop viewing)

The github repository can be visited at

The API

Our device, when used at airports all around the world would spit out a large amount of data. We saw a massive potential in this data as it could be used to prevent disease outbreaks.