Aero-Weather Tailwind Templates

Aero Weather

A sleek and intuitive weather app built with React, JavaScript, and Tailwind CSS. It provides real-time weather updates with precision. Featuring Leaflet and OpenStreetMap for enhanced interactive visualization.

Aero-Weather

localhost_5173_ (1)

localhost_5173_ (2)

Aero-Weather – Your Smart Weather Companion

Aero-Weather is a modern weather app built with React 18, Tailwind CSS, and Leaflet with OpenStreetMap for interactive maps. Powered by the OpenWeather API, it provides real-time forecasts, temperature, humidity, wind speed, and more. The app features a sleek interface with a dark mode toggle, ensuring a smooth and user-friendly experience. Stay informed with accurate weather updates in style.

Features

  • Current Weather Conditions: Get real-time weather data, including temperature, precipitation, wind speed, UV index, and more.
  • Forecast: Access a 6-day weather forecast and a 24-hour hourly forecast at a glance.
  • Interactive Map: Explore weather conditions on an interactive map with customizable layers for temperature (°C), precipitation intensity (mm/s), wind speed and direction (m/s), relative humidity (%), cloudiness (%), and atmospheric pressure (hPa).
  • Theme Toggle: Switch effortlessly between light and dark mode with a built-in theme toggle for a visually comfortable experience.

Aero-Weather brings an intuitive, feature-rich weather experience to your fingertips! 🚀

Getting Started

To get started, clone the repo and install the dependencies:

git clone https://github.com/Adnanasgharr/Aero-Weather.git
cd Aero-Weather
npm install

Once the dependencies are installed, you can start the development server:

npm run dev

The app will be running on localhost:5173.

Top categories

Loading Svelte Themes