A Weather App UI built using React, which can be used to view a 5 day weather forecast for a specified location, as well as a detailed forecast for any selected day.
To allow me to gain an understanding of React, building an app out of components, using state and event handlers and accessing external data in a React app.
- React
- Axios
I used React because it is scalable and renders quickly and Axios because it automatically transforms responses to JSON data;
Jest, React, React Testing Library and Axios
Eslint, Prettier
- Fork and clone this repository
- Open the cloned directory and run
npm install
Use the script npm start to run the app in development mode. Click on any of the 'More details' buttons to view the detailed forecast for that day. Search for a different town or city in the search bar to view the forecast for said town or city.
Given some more time I would revisit the tests and ensure that all eventualities are accounted for. Currently the API call is not being tested with a spy, something that I attempted to include but couldn't get to work - I will revisit this at a later date.
I used the create-react-app npx script to set up the basic scaffolding of the project; the Command Shift track and all of the tutors helped me along the way, as well as some of the other students in my cohort.
All weather icons were made by Freepik from www.flaticon.com - Storm, Rain, Snow, Tornado, Sun, Cloud