📐 Unit Converter – Metric/Imperial
This is one of the first web applications I built using HTML, CSS, and Vanilla JavaScript. It’s a simple yet fully functional unit converter that allows users to convert values between metric and imperial units, including:
- Meters ↔ Feet
- Liters ↔ Gallons
- Kilograms ↔ Pounds
Features:
- User-friendly input field with placeholder behavior
- Clean, responsive layout with CSS styling and Meyer reset
- Converts input instantly on button click
- Stores previously converted values in localStorage for persistence
- Uses JavaScript DOM manipulation and event handling
- Dynamic rendering of conversion results with proper formatting
Technologies Used:
- HTML5
- CSS3 (with reset and custom design)
- JavaScript (Vanilla)
- LocalStorage API
Why it matters:
This project taught me the fundamentals of working with the DOM, handling user input, using localStorage, and organizing reusable logic — all critical building blocks in becoming a frontend developer.
