Earth - Air Quality and Weather Visualization Web App

Earth is a dynamic web application that empowers users to access real-time Air Quality Index (AQI) and weather information for any location worldwide. Users can effortlessly explore AQI levels and current weather conditions with an intuitive map-based interface.

Key features

• AQI Visualization using Graph, and Piechart.
• Real-time weather info of all cities of states on the map itself.

Tech Stack

• JavaScript
• ReactJS,
• React Query
• MaplibreJs

API's

I used several APIs to develop this application.

• Openweather.org
• Countrystatecity.in

Getting Started

Follow these steps to run Earth on your machine:

• Clone the repository: git clone https://github.com/pritam-kr/Earth
• Install dependencies: npm install
• Start the development server: npm start
• Open your web browser and go to http://localhost:3000 to access the website.

Versions

• version 0.1

  • Two major feature
    • AQI
    • Weather info

• version 0.2

  • Switching to ReactQuery
  • Error handling
  • State management using useContext

Contact

If you have any questions or suggestions, please feel free to reach out to me at pritamvr9@gmail.com