A modern weather application with a beautiful glassmorphic dark mode UI built with Next.js.

• 🌈 Modern glassmorphic dark mode UI
• 🔍 Search for weather by city name
• 🌡️ Current weather conditions
• 📅 5-day weather forecast
• 💨 Wind speed, humidity, sunrise, and sunset information
• 📱 Fully responsive design
• ✨ Smooth animations with Framer Motion

• Node.js 18 or later
• npm or yarn
• OpenWeatherMap API key (get it for free at OpenWeatherMap)

1. Clone the repository:

git clone https://github.com/taynotfound/weatherweb.git
cd weatherweb

1. Install dependencies:

npm install
# or
yarn install

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

NEXT_PUBLIC_OPENWEATHER_API_KEY=your_api_key_here

1. Start the development server:

npm run dev
# or
yarn dev

1. Open http://localhost:3000 in your browser to see the app.

• Next.js - React framework
• TypeScript - Type safety
• Tailwind CSS - Styling
• Framer Motion - Animations
• React Icons - Icons
• Axios - API requests
• For the API's see weather.taymaerz.de/about

This project is licensed under the MIT License.

• OpenWeatherMap for providing the weather data API
• Glassmorphism CSS Generator for inspiration on glassmorphism design