React Weather

A weather application built with React and the OpenWeather API.

Table of Contents

• React Weather
  • Table of Contents
  • General Information
  • Features
  • Setup
  • Acknowledgements

General Information

This project is built with React and it uses the One Call 3.0 API from openweathermap.org to fetch the data.

I built this project to further my understanding of API's, furthermore, I now have a better understanding of fetch, async, await, and Promises.

Features

• Current forecast
• Hourly forecast
• Daily forecast
• Current weather
• Current alerts
• Choice of metric or imperial
• Use current location
• Search for locations
• Reload data without reloading the page
• Time is synced with the location
• Error handling

Setup

1. Run pnpm install.
2. Generate an API key from openweathermap.org.
3. Create a .env.local file and insert the API key into the .env.local file, with the key as VITE_OPEN_WEATHER_API_KEY=.
4. Run pnpm dev.

Acknowledgements

The SVG icons are from Remix Icon and feather.