Weatherly is a sleek, fast, and responsive weather application built with HTML, CSS, and JavaScript, powered by Vite for optimized performance. It uses the OpenWeatherMap API to fetch real-time weather data and features a clean, modern UI with Material Web Components for a polished experience.

• You can try the app here

• Get real-time weather data for any city worldwide.
• Detailed forecasts including temperature, humidity, wind speed, aqi, sunrise and sunset time and conditions.

• Bookmark frequently visited cities for quick access.
• Local storage support to retain saved locations.

• Clean, intuitive interface with Material Design components.
• Smooth animations and transitions for a delightful experience.

• Works seamlessly on desktops, tablets, and mobile devices.
• Adapts to different screen sizes for optimal viewing.

• Toggle a distraction-free, simplified view for essential weather info.

• Easily replace the default OpenWeatherMap API key with your own.

• Allow browser geolocation to instantly fetch weather for your current position.

• Built with Vite for near-instant load times.
• Efficient API calls to minimize delays.

• Frontend: HTML5, CSS3, JavaScript (ES6+)
• Build Tool: Vite (for fast development & production builds)
• UI Components: Material Web Components
• Weather API: OpenWeatherMap

1. Clone the repo

   git clone https://github.com/Ronak-08/Weather-App-2.0.git
   cd weatherly

2. Install dependencies

   npm install

3. Add your OpenWeatherMap API key

   • Rename .env.example to .env and add:

     OPENWEATHER_API_KEY=your_api_key_here

4. Run the dev server

   npm run dev

5. Build for production

   npm run build

Coming soon

This project is open-source under the MIT License.

• Found a bug? Open an issue.
• or send a email at here
• Want to contribute? PRs are welcome!

Enjoy checking the weather in style with Weatherly! ☀️🌧️❄️