Live Weather Application

weather app is basically use weather api to fetch current weather as well as forecast of next 5 days user can search with city name directly and result display on Frontend
This app powerd with REACT JS as Frontend and Tailwind CSS For styling the app

Demo

link to demo

https://weather-app-react-livid.vercel.app/

Features

• User can search weather by city name
• for better accessibility use Throttling Method to call API While search City
• current weather
• forecast of 5 days represent on graph with MAXTEMP & MINTEMP
• get live wind speed and Humidity
• Full Responsive Design

Screenshots

Desktop View

Mobile View

Loading Screen While Searching

Installation

clone client repo https://github.com/mayur-mali/weather-app-react

  cd weather-app-react
  npm install
  npm start

Environment Variables

To run this project, you will need to add the following environment variables to your .env file

REACT_APP_WEATHER_API_KEY

Get your api key from given website

https://www.weatherapi.com/