Air Quality Monitoring Website

With the recent hazy conditions in Singapore, this website was made to monitor the air quality of the island.

Data pulled from Singapore's PSI API provided under the Singapore Open Data Licence

Data visualised using ChartJS and Bootstrap

Built to be responsive as well

First-Time Setup

git clone https://github.com/tohhongxiang123/Haze-monitor.git
cd Haze-monitor
npm install
npm run startx``

Helpful Resources

1. Data from APIs and Deployment - The Coding Train

2. SASS Crash Course - DesignCourse

3. Graphing with Chart.js - Working With Data & APIs in JavaScript - The Coding Train

4. overflow:hidden working on desktop, but not on mobile

Full Page Screenshot