🌡️ Temperature Converter

A modern, interactive temperature converter built with HTML, CSS, and Vanilla JavaScript.
Supports Celsius, Fahrenheit, and Kelvin conversions with live input validation, swap button, dark mode, and animated result transitions.

---

🚀 Features

• 🔄 Swap between temperature units
• 🔥 Emoji-enhanced dropdowns for better UX
• 🌗 Dark mode toggle with saved preference
• 🧠 Input validation and conditional button enabling
• ✨ Smooth animations for conversion result
• 📱 Responsive layout for desktop and mobile

---

🚀 Live Demo

📍 View it here

---

🛠️ Tech Stack

• HTML5
• CSS3 (modern flexbox, transitions, CSS variables)
• JavaScript (ES6+ DOM manipulation)

---

🔧 How to Use

1. Clone the repo:

   git clone https://github.com/nurf21/temperature-converter.git
   cd temperature-converter

2. Open index.html in your browser:

   • Drag and drop the file into your browser
   • Or use a local server like Live Server in VS Code

---

✏️ Customization

• 🎨 Edit CSS to change theme colors or layout
• 🔁 Add more temperature units (e.g. Rankine, Réaumur)
• ⚛️ Convert to React or Vue version

---

📌 Todo / Improvements

• Add unit symbols (°C, °F, K) next to values
• Add keyboard shortcuts
• Add unit conversion history

---

🧑‍💻 Credits

• Project template and inspiration from roadmap.sh

---

📄 License

This project is open-source under the MIT License.