Air Quality Checker

Description

This project involves creating an Air Quality Checker App that displays real-time air quality data using an API. Users can check air quality metrics by location and gain insights into pollution levels and other environmental factors.

Requirements

The Air Quality Checker App should include the following features:

• Fetch air quality data from a public API.
• Display current air quality metrics based on location input.
• Provide clear visual representation of data.
• Responsive design using Tailwind CSS.

Key Concepts

• Using React components to manage API requests and state.
• Handling and displaying dynamic data from API responses.
• Implementing responsive design principles with Tailwind CSS.

Learning Objectives

After completing this project, students will be able to:

• Develop an air quality checker application using React.
• Fetch and handle real-time data using an external API.
• Display air quality metrics dynamically in a user-friendly format.
• Utilize Tailwind CSS to ensure a responsive and aesthetically pleasing interface.

$ npm create vite@latest air-quality-checker -- --template react-ts

$ yarn create vite air-quality-checker --template react-ts

$ bun create vite air-quality-checker --template react-ts