Weather-Cast

Weather-Cast is a weather application built with React, TypeScript, and Vite. Users can search for any city and instantly view current weather conditions, hourly forecasts, weekly outlooks, and detailed metrics like air quality, humidity, UV index, and wind speed.

Features

• Real-time current weather data with temperature, humidity, and wind speed
• Hourly and weekly weather forecasts
• Air pollution and air quality index display
• Interactive map with weather overlays via Leaflet and Mapbox
• UV index, visibility, pressure, and cloud cover charts
• Feels like temperature and precipitation tracking
• City search with geocoding autocomplete
• Light and dark theme support
• Responsive design for desktop and mobile
• Unit conversion support (metric/imperial)

How to Build

1. Clone the repository:

   git clone https://github.com/jss415/Weather-Cast.git
   cd Weather-Cast

2. Install dependencies:

   npm install

3. Create a .env file in the root directory with your API keys (see .env.example for reference):

   VITE_OPENWEATHER_API=your_openweather_api_key
   VITE_MAPBOX_TOKEN=your_mapbox_token
   

4. Start the development server:

   npm run dev

5. Build for production:

   npm run build

6. Preview the production build:

   npm run preview