An interactive weather forecast app that provides real-time data, with user-friendly interface, and easy-to-use features to solve the problem of having access to accurate and up-to-date weather forecast information of a selected location.
The key components of our weather forecast app includes seven day weather forecast, location-based map services, and responsive design. The weather forecast for seven days can be retrieved by searching and selecting a city/town. The app makes use of the geoDB cities API to display the corresponding geospatial maps.
As a end user, I need an easy web app which allows me to search for a specific city or town so that I can retrieve an up-to-date seven day weather forecast easily. Further, I want to view a geospatial interactive map for the selected location. Finally, the interface should display weather forecast specific attributes namely temperature, wind, humidity & pressure.
Using of Geolocation Map to pinpoint the weather of the city searched for.
- Inquirer 6.5.3
- Bootstrap 5.2
- Jest 5.16
- React 13.3
- React-leaflet 4.2.1
- React- router-dom 6.9
API:
- React-leaflet
- GeoDB cities
- Openweather libraries:
- react-accessible-accordion
- react-select-async-paginate
- jest-dom
- tailwind
The site is deployed using Netlify.
https://interactive-weather-forecast.netlify.app/
For planning your everyday life and special journey. For people away from home and their loved ones, this App also serve as something that that evokes nostalgia.
The following images illustrate the website's appearance and functionality:
priyadarsini-gunasekaran, Sabina Akinbusuyi, SabrinaHuajy. Big thanks to Dan with mysterious glasses, our team TA Ryan, Brittani and other dedicated TAs for their help and supports.
npm test,Launches the test runner in the interactive watch mode.
Please send your questions to :
priyasatish1626@gmail.com
j.hua@york.ac.uk
akinbusuyi@gmail.com
Or visit:
https://github.com/SabrinaHuajy
https://github.com/Akinbusuyi
https://github.com/priyadarsini-gunasekaran