/Air-Quality

The website displays a list of countries that are fetched from rest world API. Once the country is selected, the respective cities are loaded. On selecting the city, its respective air data is displayed on a table over a short period of time.

Primary LanguageJavaScriptMIT LicenseMIT

📗 Table of Contents

📖 Air Quality

The website displays a list of countries that are fetched from rest world API. Once the country is selected, the respective cities are loaded. On selecting the city, its respective air data is displayed on a table over a short period of time.

[Air Quality] is:

🛠 Built With

Tech Stack

The project is built using.

Client
Server

Key Features

The key features of the application are:

  • [Fetches data from API]
  • [Interactive buttons to load specific cities and air data when pressed]
  • [Styling done using React Bootstrap]

(back to top)

🚀 Live Demo

Link to deployed project is:

(back to top)

💻 Getting Started

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

Setup

git clone git@github.com:Sajeelzafar/Air-Quality.git

Install

npm install

Usage

npm start

Run tests

npm test

(back to top)

👤 Sajeel Zafar

(back to top)

🔭 Future Features

The features I will be looking forward to add to the project are mainly:

  • [Display the air quality information using graphs of each gas.]
  • [Display the last loaded city in case one redirects back through navbar, also add the option to navbar.]
  • [Instead of loading all the countries or cities the first time, it would be good if some of them are loaded and there is a button to load more.]

(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 don't forget to give a star to support the author.

(back to top)

🙏 Acknowledgments

I would like to thank Microverse for providing the opportunity to build the project.

(back to top)

📝 License

This project is MIT licensed.

(back to top)