Airsense app with Riverpod (BREATHE LONDON API)

A graphical air quality monitoring app that allows users to track air pollution levels.

Getting a BREATHE LONDON API key

This project uses the BREATHE LONDON API to get the air quality data.

Before running the app sign up on the Breathe London website, to obtain an API key.

Once you have this, create an .env file at the root of the project and add your key:

// .env
BREATHE_LONDON_KEY=your-api-key

Then, run the code generator:

flutter_scripts run

This will generate a env.g.dart file inside lib/env. This contains the breatheLondonApiKey that is used when making requests to the BREATHE LONDON API.

Congratulations, you're good to go. 😎

Features

• Custom graphs
• Stateful nested routing
• Landscape view

App Architecture

The project follows Riverpod app architecture with a feature-first project structure.

More details here:

• Flutter App Architecture with Riverpod: An Introduction

Screenshots

Packages

• flutter_riverpod and riverpod_generator for data caching (and much more!)
• fl_chart for generate graph
• freezed for JSON serialization
• dio for networking
• go_router for navigation
• envied for handling API keys
• flutter_launcher_icons for handling API keys