/unit-converter

Metric/Imperial Unit Conversion: A web app allowing users to easily convert length, volume, and mass units. With a clean interface, it provides quick and accurate conversions using HTML, CSS (Flexbox), and JavaScript. Try it out by entering values and clicking the "Convert" button.

Primary LanguageJavaScript

Metric/Imperial Unit Conversion

Overview

This project is a simple web application for converting metric to imperial units. It includes a user-friendly interface where users can input a value and convert it into different units for length, volume, and mass.

Features

  • Length Conversion (Meter/Feet)
  • Volume Conversion (Liters/Gallon)
  • Mass Conversion (Kilograms/Pound)

Technologies Used

  • HTML
  • CSS (with Flexbox for layout)
  • JavaScript

Usage

Demo: https://oguzhanozenc.github.io/unit-converter/

  1. Open index.html in your preferred web browser.
  2. Enter a value in the input field.
  3. Click the "Convert" button to see the converted values for length, volume, and mass.

Code Structure

  • index.html: Contains the HTML structure of the web page.
  • index.css: Stylesheet for the application, including the use of Flexbox for layout.
  • index.js: JavaScript file for handling user input, performing conversions, and updating the UI.

Styling

The project uses the Inter font from Google Fonts for a clean and modern look. The color scheme is designed for readability and visual appeal.

Future Improvements

  • Explore additional unit conversions.
  • Implement more advanced styling features.
  • Enhance user interaction with animations or transitions.

Contributing

Feel free to contribute to this project by submitting issues or pull requests.