React Weather Widget

Weather App built with React. Live Demo

Technical Stack

React, Typescript, ViteJS, TailwindCSS, React-Query

Features

• Clearable Input box for any city name
• Widget present weather information
• 7 days forecast by OneCallAPI
• Measurement conversion

Getting Started

Required an API key from OpenWeatherMap.

create a .env file at root directory of project, with content copied from .env.example

VITE_BASE_URL=https://api.openweathermap.org
VITE_API_KEY=YOUR_KEY

Install dependencies and run the local server

npm install
npm start

Resources

OpenWeatherMap (Weather data API)