Application can be accessed at https://npkumar.github.io/weather-app/
Use mobile for best experience!
- A loading screen appears while fetching data from the OpenWeatherMap API
- Once loaded, you are presented with a dashboard where you can access weather for next 5 days by swiping or using the navigation arrows.
- Temperature units can be toggled to use Fahrenheit, Celsius or Kelvin.
- A bar chart below shows the temperature variations for a given day in 3 hour segements (total 8).
- Application is responsive, supports >= 375px device width
- Future improvement could be getting user location before making call a call to OpenWeatherMap API.
- This project was bootstrapped with Create React App.
- Additional supporting libraries used Apex Charts and Swiper JS
| Loading Screen | Dashboard |
|---|---|
 |
 |
In the project directory, you can run yarn install and then yarn start to run the app in the development mode.
Open http://localhost:3000 to view it in the browser.
In the project directory, you can run yarn install and then yarn test
Launches the test runner in the interactive watch mode.
In the project directory, you can run yarn build which builds the app for production to the build folder.
It correctly bundles React in production mode and optimizes the build for the best performance.