Skip to content

Air pollution tracker built with TypeScript, Next.js, and Tailwind CSS

Notifications You must be signed in to change notification settings

NickMagidson/aero

Repository files navigation

screenshot

Aero

Air pollution dashboard web application built with the T3 stack. Wielding OpenWeather API data, geocoding, and search / map functionality.

Live Preview

Key Features

  • Real-time Data: The dashboard fetches up-to-date air pollution data from the OpenWeatherMap API based on the user's chosen location.
  • AQI Visualization: The dashboard uses a gauge component to visually represent the Air Quality Index (AQI), providing an intuitive understanding of air quality levels.
  • Pollutant Components: A data grid displays individual pollutant components, such as CO, NO, NO2, O3, SO2, PM2.5, PM10, and NH3, allowing users to assess the specific air pollutants present.
  • Location Search: Users can search for air pollution data by entering a city of town name using the integrated search bar.
  • Map functionality: Allows the user to view a map and pin to a location on search input. Animated panning is implemented for a nice user experience.

Tools

This software uses the following tools and open source packages:

How To Use

# Clone this repository
$ git clone [email protected]:NickMagidson/aero.git

# Go into the repository
$ cd aero

# Install dependencies
$ npm install

# Run the app
$ npm start

About

Air pollution tracker built with TypeScript, Next.js, and Tailwind CSS

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published