Frontend

Weather Dashboard

A responsive weather application with real-time forecasts, city search, and interactive data visualizations using JavaScript.

Weather Dashboard screenshot 1

About This Project

A sleek, responsive weather dashboard that provides real-time weather information and forecasts for any city worldwide. The application consumes external weather APIs to display current conditions, hourly forecasts, and 7-day outlooks with interactive charts and visualizations. Users can search for cities, save favorite locations, and toggle between Celsius and Fahrenheit units. The front-end is built with vanilla JavaScript using modern ES6+ features, with a focus on clean UI design and smooth user interactions.

Key Features

  • Real-time weather data from external APIs
  • City search with autocomplete suggestions
  • 7-day forecast with interactive charts
  • Celsius and Fahrenheit toggle
  • Save favorite locations
  • Fully responsive mobile-first design

Tech Stack

JavaScript (ES6+)HTML5CSS3Bootstrap 4REST APIsResponsive Design
All Projects