Skip to content

Latest commit

 

History

History
80 lines (64 loc) · 2.67 KB

File metadata and controls

80 lines (64 loc) · 2.67 KB

logo192

Weather-Matrix 🌤️

It is a responsive & user-friendly weather details and analysis application ⚒️ .
User can be able to get 10 different weather components and Air quality details and Weather analysis graphs and other astronomy related details.

Hosted Here : https://weather-matrix.netlify.app/

Weather Details include :

  1. Current temperature 🌡️
  2. Apparent temperature (Feels like) 🤒
  3. Humidity 💧
  4. Wind Speed 🍃
  5. Air pressure 🎐
  6. Maximum Tempreture 🌡️⬆️
  7. Minimum Tempreture 🌡️⬇️
  8. Visibility 👁️
  9. Clouds ☁️
  10. UV index 😎
  11. Wind Direction Compass🎐

Air Quality Details include :

  1. Air Quality Index (AQI) 🌿
  2. Carbon Monoxide Level (CO) 🚬
  3. Nitric Oxide Level (NO) 😷
  4. Nitrogen Di Oxide Level (NO2) 🟢
  5. Ground Ozone Level (O3) 😵‍💫
  6. Sulfer Di Oxide Level (SO2) 🤢
  7. Ammonia Level (NH3) 🤮
  8. PM 2.5 Concentration 🦠
  9. PM 10 Concentration 😷

Weather Analysis Details include :

  1. Tempreture Forecast Graph for next 48 hours 📈
  2. Rain Forecast Graph for next 48 hours 📉
  3. Humidity Forecast Graph for next 48 hours 📉
  4. Weather forecast for next 5 days 📊

Astronomy Details include :

  1. Sunrise time 🌄
  2. Sunset time 🌅
  3. Moonrise time 🌕
  4. Moonset time 🌆

Other/Misc Details :

  1. Current Date with day , month and year
  2. Current Time
  3. Searched City/location's country and state name (if available)
  4. Searched location's co-ordinates

Images of the UI

kolkata

glasgow

Only spelling needed to be correct

Dhaka

Responsiveness

Mobile

Error Handling

Error

Tools used 🛠

  1. Current weather api, Air Pollution Api, Geo location Api, Forecast Api (https://openweathermap.org/)
  2. Realtime weather api, Astronmoy api (https://rapidapi.com/weatherapi/api/weatherapi-com)
  3. Created a local json that contains mapping of country code and country name.
  4. Hosted in Netlify (www.netlify.com)

Tech Stack 🛠

  1. React Js
  2. Chart Js
  3. Node Js
  4. Css
  5. Javascript