The Weather App is for professionals to know the current weather outside.

The Web app is made with React.js. Redux is used for state Management. https://openweathermap.org/ is utilized to get weather data. The app shows detailed weather for 5 days. ( free version )

The app consists of three main parts

City Information section

• Name of the city and the description of current weather is shown
• User can change the temperature between Celsius and Fahrenheit

Slider showing Daily forecast

• Each card in the slider is a day.
• The card shows, Average temperature for the whole day, the date and other relevant information
• if the card is for today then show day name with date
• User can Click on the card to load the details view in the bar chart section

BarChart section

• Each bar is a representation of 3 hours.
• The bar is shown from the current time frame.
• The bar also shows temp for that time period and weather icon

- Plugins used

• ESLint
• Prettier - Javascript React
• Redux devTools

Possible upgrades

• Automatic location tracker
• Responsive implementation
• unit testing.
• show more days (need paid account)
• add line chart for wind/cloud on top of barchart

---

USE BELOW COMMANDS TO RUN THE APP IN LOCAL SYSTEM

Available Scripts

In the project directory, you can run:

npm start

Runs the app in the development mode.
Open http://localhost:3000 to view it in the browser.

The page will reload if you make edits.
You will also see any lint errors in the console.

npm test

Launches the test runner in the interactive watch mode.
See the section about running tests for more information.

This project was bootstrapped with Create React App.