💱 USD ↔ MAD Converter

A modern, responsive, and visually stunning currency converter designed specifically for USD ↔ MAD conversions. This tool provides a seamless user experience with real-time feedback and a premium design aesthetic.

✨ Features

• 🔄 Bi-directional Conversion: Easily switch between USD → MAD and MAD → USD with a modern toggle.
• 📊 Real-time Exchange Rate: Enter your own exchange rate or use the default provided.
• 🎨 Premium UI/UX: Featuring a high-fidelity Mesh Gradient background and Neo-Glassmorphism card design.
• 📱 Fully Responsive: Optimized for all devices using a custom mobile-first layout.
• ⌨️ Keyboard Support: Press Enter in any input field to instantly trigger the conversion.

🛠️ Technologies Used

• HTML5: Semantic structure.
• CSS3 (Custom): Animated mesh gradients, glassmorphism, and smooth transitions.
• JavaScript (ES6): Clean conversion logic and event handlers.
• Bootstrap 5: Grid system for responsive layout.
• Google Fonts (Outfit): Premium typography.

🚀 Getting Started

Since this is a static web project, no installation or npm is required.

1. Clone the repository:

   git clone https://github.com/YassirKz/Converter.git

2. Open the Project: Simply open the index.html file in any modern web browser.
   • Pro Tip: Use VS Code's Live Server extension for the best development experience.

💡 How to Use

1. Enter the Amount you wish to convert.
2. Toggle the Switch to choose the conversion direction (USD → MAD or MAD → USD).
3. (Optional) Update the Exchange Rate if needed.
4. Click Convert or press Enter to see the result!

---

Made with ❤️ by Yassir-kezzi