Skip to content

Latest commit

 

History

History
40 lines (25 loc) · 927 Bytes

README.md

File metadata and controls

40 lines (25 loc) · 927 Bytes

React Weather Widget

Screen Shot 2022-04-24 at 21 42 04

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)