Back to Weather

About WeatherWeb

WeatherWeb is a modern weather application that provides real-time weather information and forecasts. It features a beautiful glassmorphic design and intuitive user interface to help you stay informed about weather conditions.

wakatime

Time of my life wasted tracking time... 🤦‍♂️

Technologies Used

Frontend

Next.js 15, React 19, TypeScript, Tailwind CSS, Framer Motion, React Icons

APIs & Services

OpenWeather API, RainViewer API, Open-Meteo API, Vercel Deployment

Development Tools

ESLint, Prettier, Git, VS Code, WakaTime (for that sweet time tracking)

Data Sources

OpenWeather API

The primary weather data, including current conditions, forecasts, and air quality information, is provided by OpenWeather API. This ensures reliable and accurate weather information for locations worldwide.

RainViewer API

Real-time precipitation radar data is powered by RainViewer API, offering detailed precipitation maps and animations to help visualize weather patterns.

Open-Meteo API

Additional precipitation data and detailed weather metrics are sourced from Open-Meteo API, providing high-precision weather forecasts and historical data.

Features

  • Real-time weather conditions
  • 5-day weather forecast
  • Precipitation radar with animations
  • Air quality information
  • Detailed weather metrics (humidity, wind, visibility, etc.)
  • Temperature unit conversion (Celsius/Fahrenheit)
  • Responsive design for all devices
  • Glassmorphic UI design
  • Dark/Light theme support
  • Favorites functionality
  • AI-powered weather insights