https://github.com/blenderskool/breathe

💧 Get Air Quality Data of any place in a very simplified interface
https://github.com/blenderskool/breathe

air-quality-data bulma-css css google-maps pwa user-interface

Last synced: 3 months ago
JSON representation

💧 Get Air Quality Data of any place in a very simplified interface

• Host: GitHub
• URL: https://github.com/blenderskool/breathe
• Owner: blenderskool
• License: mit
• Created: 2017-11-24T10:58:24.000Z (about 7 years ago)
• Default Branch: gh-pages
• Last Pushed: 2024-06-11T10:22:10.000Z (8 months ago)
• Last Synced: 2024-10-31T09:50:25.877Z (3 months ago)
• Topics: air-quality-data, bulma-css, css, google-maps, pwa, user-interface
• Language: JavaScript
• Homepage: https://breathe.netlify.com
• Size: 627 KB
• Stars: 4
• Watchers: 2
• Forks: 3
• Open Issues: 2
• Metadata Files:
  • Readme: README.md
  • License: LICENSE

Awesome Lists containing this project

README

        


  



Breathe is a **progressive web app(PWA)** that provides you with air quality data for many places in an easy to understand interface.

The main goals of creating Breathe were:

- Creating an **interface** that presents Air quality data in a beautiful manner.

- Making it into a **PWA** that works very well when offline.

Technologies used:

- Bulma CSS for responsive flex layout structure.

- JSTS Library for extensive Boolean operations.

- Service Workers for PWA.

- Local Forage for using IndexedDB in an easier way.

- Axios for API calls.

- Google Maps Places, Geometry API.

- AQICN API for Air quality data.

Site is live at: https://breathe.netlify.com

## Development

Breathe works with latest LTS version of Node.js for development. The build process is written on Gulp. Babel is used to use ES6 features, along with SASS pre-processor for CSS.

```bash

git clone https://github.com/blenderskool/breathe.git

cd breathe

npm install

npm run dev

```