🌦️ Weather App

A simple, clean UI weather app that provides current weather and a 5-day forecast.

🚀 Features

✅ Search functionality (search for any city)
✅ Temperature unit toggle (Celsius/Fahrenheit)
✅ Light/Dark mode theme switching
✅ Dynamic background based on weather conditions
✅ 5-day weather forecast

🔗 APIs Used

• OpenWeather API (for weather data)
• Pexels API (for background images)

🛠️ Technologies Used

• React (Frontend framework)
• Tailwind CSS (Utility-first CSS framework)
• DaisyUI (Tailwind-based UI components)

📥 Installation & Usage

1. Clone the repository:

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

2. Install dependencies:

   npm install

3. Create a .env file and add your API keys:

   VITE_OPENWEATHER_API_KEY=your_openweather_api_key
   VITE_PEXELS_API_KEY=your_pexels_api_key

4. Start the development server:

   npm run dev

⏯️ Demo

With Vercel

With Netlify (The API calls show unauthorized access due to no .env file present even after setting environment variables, will fix this soon!)

📸 Screenshots

Dark Mode

Light Mode

🤝 Contributing

Contributions are welcome! Feel free to fork the repo and submit a pull request.

📜 License

This project is licensed under the MIT License.

🙌 Credits & Attributions

• Weather icons: From OpenWeather API
• API providers: Pexels & OpenWeather
• Libraries: Tailwind CSS & DaisyUI
• Website tab icon: Weather app icons created by Andrean Prabowo - Flaticon
• Background images: Provided by Pexels API