Web app contest

Telegram held a development contest.
The task was to display a json data file in a web app as charts.

I was given the design files and 7 days, and a rule not to use any third party code.

What I did personally

Web app from png images in under a week
Chart panning, zooming and filtration
Animations and a ripple effect on buttons
Vanilla Javascript with no dependencies
7.2 kB gzipped size
Pixel-perfect copy of the task mockup
Day and Night themes

Tech I used

JavaScript, HTML, SVG, CSS, minifiers, Nginx

Looking back, instead of SVG, I should have taken the Canvas route. The app would have been snappier on huge datasets and low-end devices. Learnt a great deal.

Connect with me

Contact

alexgrinseit@gmail.com