Air Quality App

📗 Table of Contents

📖 Air Quality App

This web app allows you to easily monitor the air quality of different cities. It consists of four sections:

Cities Air Quality: In this section, you can view the air quality information for each city. By clicking or selecting a city name, you can access detailed air quality data for that specific location.

Add City: Use this section to add cities to the default list of available cities. Simply enter the name of the city using the provided form. The app will give you a list of cities with that name and you will be able to select the one you want to add.

Remove City: In this section a list of currently displayed cities will be shown, and you can select the cities you want to remove and the selected cities will be removed from the display.

About: This section provides detailed information about the parameters used to determine air quality. You can learn about the scales and indices used to measure air quality levels.

🛠 Built With

1- React. 2- Bootstrap.

Tech Stack

  • React, Bootstrap.
Client

Key Features

  • Add details page where you can see more information about the air quality.

(back to top)

🚀 Live Demo

You can see the website here!

(back to top)

💻 Getting Started

To get a local copy up and running, follow these steps.

Prerequisites

In order to run this project you need:

  1. Web browser.
  2. Code editor.
  3. Git-smc.

Setup

Clone this repository to your desired folder:

Run this command:

    cd my-folder
git clone https://github.com/PabloEGonz/air-quality-app.git

### Install

Install this project with:

Run this command:

```sh
    cd my-project
    npm install

Usage

To run the project, execute the following command:

npm start

Test

Run this command:

npm test

(back to top)

👥 Authors

👤 Pablo Gonzalez

(back to top)

🔭 Future Features

  • Build Add city section.

(back to top)

🤝 Contributing

Contributions, issues, and feature requests are welcome!

Feel free to check the issues page.

(back to top)

⭐️ Show your support

If you like this project give it a star ⭐️.

(back to top)

🙏 Acknowledgments

Original design idea by Nelson Sakwa on Behance.

(back to top)

📝 License

This project is MIT licensed.

(back to top)