Responsive web application

Air Quality

Start date

2020

Role

Lead Developer

Project type

Responsive web application

Project code

Project URL

Built with

p5.js
Node.js
Mappa.js
MongoDB Atlas

APIs

OpenAQ API

A web app project shows historical data of world-wide air quality using OpenAQ API, raises awareness of individual contributions to making a better world.


What I learned from this project is:

  • How, for the first time ever developing a web app in my life, to create a user interface that is engaging and immersive.
  • How to use a lightweight database: NeDB to store data by writing to the disk storage for the first time (this project is now no longer using such database since the original hosting platform (Glitch) is down and a free disk-storage hosting service has become rarer to find).
  • And experience the pain of writing a report 🥲.

Gallery

Welcoming page (mobile)
Homepage (mobile)
Pollutant wiki (mobile)
About you (mobile)
Menu (mobile)
Votes (mobile)
Filters (mobile)

Related projects