A simple, responsive weather app built with Next.js, React, and TailwindCSS. It fetches real-time weather data from the OpenWeatherMap API and displays temperature and weather details in a clean, minimal card design.
- City Search – Search for any city worldwide + minimal suggestions
- Real-Time Weather – Shows temperature, weather condition, humidity, wind, and feels-like
- Save Cities - Bookmark cities for quick views
- Modern UI – Built with TailwindCSS, featuring smooth hover effects and rounded cards
- Fast & Lightweight – Powered by Next.js for optimal performance
- Frontend: Next.js, React
- Styling: TailwindCSS + React Hot Toast
- Icons: React Icons + Cool Meteocons weather icons.
- API: Axios promise API and OpenWeatherMap API to fetch weather data.
- Clone the repository and install dependencies:
git clone https://github.com/baraa-elhajj/Weatherly.git
cd weatherly
npm install- Create a
.env.localfile in the project root and add your OpenWeatherMap API key:
NEXT_PUBLIC_WEATHER_KEY=your_api_key_here- Run the app:
npm run devthen go to http://localhost:3000
Deployed on Vercel: weatherly-lb.vercel.app
Feel free to fork this project or suggest improvements if you find something cool!