Weather Dashboard 🌦️

A sleek and intuitive weather application built with SvelteKit, Tailwind CSS, and DaisyUI. Get real-time weather information for any city around the globe! 🌍

Features 🌟

• 🔍 Search for weather by city name
• 🌡️ Display current temperature
• 💨 Show wind speed and humidity
• 🔼🔽 View minimum and maximum temperatures
• 🎨 Beautiful, responsive UI with a modern glassmorphism design

Technologies Used 🛠️

• SvelteKit - The fastest way to build Svelte apps
• Tailwind CSS - A utility-first CSS framework
• DaisyUI - Tailwind CSS component library
• OpenWeatherMap API - Real-time weather data

Getting Started 🚀

Prerequisites

• Node.js (v14 or later)
• npm (v6 or later)

Installation 📥

1. Clone the repository:

   git clone https://github.com/yourusername/weather-dashboard.git
   cd weather-dashboard
   

2. Install dependencies:

   npm install
   

3. Create a .env file in the root directory and add your OpenWeatherMap API key:

   VITE_OPENWEATHER_API_KEY=your_api_key_here
   

Running the App 🏃‍♂️

1. Start the development server:

   npm run dev
   

2. Open your browser and navigate to http://localhost:5173

3. Enter a city name and enjoy real-time weather information! 🌤️

Building for Production 🏗️

To create a production-ready build:

npm run build

The built files will be in the build directory.

Contributing 🤝

Contributions, issues, and feature requests are welcome! Feel free to check the issues page.

License 📄

This project is MIT licensed.

Acknowledgements 👏

• Weather data provided by OpenWeatherMap
• Icons courtesy of Apple's emoji set

Enjoy using the Weather Dashboard! ☀️🌤️⛅🌥️☁️🌦️🌧️⛈️🌩️🌨️