☁️ NimbusShyft

NimbusShyft is a sleek, modern weather dashboard that delivers real-time atmospheric data in a beautiful, responsive UI. Designed with a focus on usability and aesthetics, it brings clarity to the clouds — literally.

🔍 Preview

_{📸 A cozy vibe title with a clean interface and real-time weather data}

🌦️ Features

• 🔍 City-based weather search
• 📍 Get weather by current location
• 🌡️ Detailed metrics: temperature, humidity, visibility, pressure, and more
• 🕓 Hourly forecast cards (7–8 slots)
• 🌫️ Air quality & extra highlights
• ⚡ Dynamic icons and weather-specific visuals
• 🧊 Cool dark theme with soft contrasts

🛠️ Tech Stack

• HTML5, CSS3, JavaScript (ES6+)
• Weather data via OpenWeatherMap API
• Icons via Font Awesome
• No frameworks or libraries — built from scratch

🔐 API Key Handling

This project uses an external config.js file to safely store the API key.
To use the app locally:

1. Create a file named config.js in the root.

2. Add this line:

   const API_KEY = "your_api_key_here";

3. Make sure your index.html includes:

   <script type="module" src="config.js"></script>
   <script type="module" src="script.js"></script>

✅ config.js is ignored in .gitignore and not included in this repo.

🧪 Live Demo

No public live demo is available currently due to API key security concerns. A React-based version with hosted deployment may come in the future.

📝 Credits

• Weather data: OpenWeatherMap
• Icons: Font Awesome

🙌 Final Note

Made with curiosity, design love, and checking the weather way too often