World Weather Map

The World Weather Map is an interactive web application that allows users to check weather forecasts from around the world. With features like temperature and precipitation forecasts, rain radar, and time zone linking, it provides up-to-date weather information for any location.

Features

• 1-Week Future Temperature and Precipitation: Get a week-long forecast for temperature and precipitation trends.
• 15-30 Minutes Future Rain Radar: Visualize real-time rain patterns on an interactive map.
• Linking of Chart Data to Specified Time Zones: Easily switch between time zones to view accurate weather data.

Technologies

• Frontend:
  • React.js
  • TypeScript
  • Tailwind CSS
• Third-Party APIs:
  • Mapbox
  • RainViewer
  • Open-Meteo
  • Where the ISS at?

Quick Start

Clone this project locally and navigate to the root directory:

git clone https://github.com/yutakusuno/world-weather-map.git
cd world-weather-map

Create a .env.local file in the root directory:

touch .env.local

Set your Mapbox access token in .env.local:

VITE_MAPBOX_ACCESS_TOKEN=xxxyyyzzz

Install project dependencies:

npm install

Host the project locally:

npm run dev

TODO

• Locate the User's Position using Geolocation API
• Responsive design on mobile screens