React Weather App

Weather App built with React. Live Demo

Tech Stack

React, TypeScript, Vite

Features

• Weather forecast for any city or place
• Extended 7 days forecast
• Find user location weather by utilizing GeolocationAPI
• One-click Celcius to Fahrenheit conversion and vice versa
• Dark Mode

Getting Started

First you need an API key from OpenWeatherMap, you can get one by creating an account on their website. After you got your API key, create a .env file at root directory of project, copy the line below to the file and replace YOUR_KEY with your OpenWeatherMap API Key.

VITE_WEATHER_API_KEY=YOUR_KEY

Finally clone this repository, install dependencies and run the local server

git clone https://github.com/esnz/react-weather-app.git

cd react-weather-app
npm install
npm run dev

Credits

OpenWeatherMap (Weather data API)

Open-Meteo Geocoding (Place suggestion API)

Icons8.com (Weather icons)