Back to Portfolio

Weather Dashboard 🌤️

A modern, responsive weather dashboard built with React and TypeScript that provides real-time weather information and forecasts for cities worldwide.

Features ✨

Real-time Weather Data

Current Conditions

Display of current temperature, humidity, and wind speed

Weather Conditions

Dynamic weather icons showing current conditions

Feels Like

Perceived temperature based on various factors

Sun Times

Sunrise and sunset times for the current location

5-Day Forecast

Daily Predictions

Daily temperature and weather condition forecasts

Humidity Levels

Forecasted humidity levels for each day

Wind Speed

Predicted wind speeds for the upcoming days

Interactive Charts

Temperature Trends

Visual representation of temperature changes

Humidity Variations

Graphical display of humidity patterns

Precipitation

Probability of precipitation over time

User Interface

Dark Theme

Dark theme with mint accents for better visibility

Responsive Design

Optimized layout for all device sizes

Animations

Smooth transitions and interactive elements

Search & Units

City Search

Autocomplete search with recent history

Unit Conversion

Toggle between Celsius and Fahrenheit

Technologies Used 🛠️

Frontend

  • React
  • TypeScript
  • React Bootstrap
  • Chart.js
  • React Icons
  • Axios

APIs

  • OpenWeather API
  • Geocoding API

Project Gallery