/WeathAir

Primary LanguageJavaScript

Frontend Task

screen shot

  • implement Auth with Google which provide info could be useful in feature expansion

  • Only authenticated users can save and manage their favourite cities (delete /add)

  • with AqAir api get weather information and Pollution of specific city

  • get weather info by using geolocation because not all cities supported with api

  • handle case when user to try to add same city twice to favourite list to prevent duplicate

  • Provide a simple visualization like color and text describe Air Quality Status

  • use various techinque and file structre and component based to improve maintainability, scalability, and collaboration

  • use redux toolkit for manage all these data (user ,current city ,favourite list )

  • make weather app support multi language English & French using i18n

  • application is responsive to different screen sizes


  • previous version Air Quality api provide historical data and forecast of weather and pollution with get city end point i see it in docs but in current version in postman provide only current values only with paid version i think,

  • Unfortunately, the map of weather i suffers, and after searching,but I think i found soluation with useing leaflet map nad openweather map api to make this feature ,and due to time constraints, i haven't complete, and i hope you take that into consideration."

  • app crashed cause of limitation of free api so take this in consideration (too many request )


Note

  • app not great as ux and ui but i make it simple and functional to finish task in deadline

  • you can download repo and install and run with npm i ,npm run dev

  • i aware of set .env public and .env must be ignored but i make it public to enable reviewer to run project easily without add manually

screen shot