Weather App

Product Demo

Project link: https://zains-home-assignment-weather-app.netlify.app/

Project description

[Weather App] The application has a form where users can input a location. The application can retrieve weather data based on the user's input. The application displays the temperature, humidity, and other weather conditions for the user's input location. The application displays an appropriate weather icon based on the weather condition. The application is able to handle errors if the user's input is incorrect or if the API is unavailable.

Project Images

Home Page

Result Page

Tech Stack

• ReactJS
  • react router dom
  • Axios
  • JSX
  • ES6
• React hooks
  • useState
  • useEffect
  • useContext
  • useReducer
• HTML5
• CSS3

Getting Started

To get a local copy up and running, follow these steps.

Prerequisites

In order to run this project you need:

• A Web Browser (Google Chrome)
• Terminal
• Code Editor (VS Code)

Setup

To set up the project on your local machine, you need to follow the steps given below:

Copy and paste the commands into your terminal.

git clone git@github.com:zainsadaqat/weather-app.git

cd weather-app

npm install

npm start

Author

👤 Zain Sadaqat

• GitHub: @zainsadaqat
• Twitter: @zain_sadaqat
• LinkedIn: Zain Sadaqat

Future Features

• Add unit testing

Contributing

Contributions, issues, and feature requests are welcome!

Feel free to check the issues.

Show your support

If you like this project please show support by give it a Star.