An open API service indexing awesome lists of open source software.

https://github.com/ramazancetinkaya/unit-converter

A user-friendly unit conversion application built with pure HTML, CSS, and Vanilla JavaScript. Convert between various units of measurement with ease and precision.
https://github.com/ramazancetinkaya/unit-converter

area-converter css3 data-converter html5 javascript length-converter mass-converter speed-converter temperature-converter time-converter unit-converter unit-converter-app volume-converter

Last synced: 2 months ago
JSON representation

A user-friendly unit conversion application built with pure HTML, CSS, and Vanilla JavaScript. Convert between various units of measurement with ease and precision.

Awesome Lists containing this project

README

          

# Unit Converter

![License](https://img.shields.io/badge/license-MIT-blue.svg)
[![GitHub issues](https://img.shields.io/github/issues/ramazancetinkaya/unit-converter)](https://github.com/ramazancetinkaya/unit-converter/issues)
[![GitHub stars](https://img.shields.io/github/stars/ramazancetinkaya/unit-converter)](https://github.com/ramazancetinkaya/unit-converter/stargazers)
[![GitHub forks](https://img.shields.io/github/forks/ramazancetinkaya/unit-converter)](https://github.com/ramazancetinkaya/unit-converter/network)
![Version](https://img.shields.io/badge/version-1.0.0-green.svg)
![HTML](https://img.shields.io/badge/HTML-5-orange.svg)
![CSS](https://img.shields.io/badge/CSS-3-blue.svg)
![JavaScript](https://img.shields.io/badge/JavaScript-ES6-yellow.svg)

## Overview
This unit converter provides accurate conversions across various measurement categories while maintaining a user-friendly interface. The application is designed to be reliable and accessible on all devices.

## Features

### Conversion Types
- Area (m², km², hectare, acre, etc.)
- Length (meter, kilometer, mile, yard, etc.)
- Temperature (Celsius, Fahrenheit, Kelvin)
- Volume (liter, gallon, m³, etc.)
- Mass (kg, gram, pound, ounce, etc.)
- Data (bit, byte, KB, MB, GB, etc.)
- Speed (m/s, km/h, mph, knot, etc.)
- Time (second, minute, hour, day, etc.)

### Negative Value Control

Negative values are only permitted for:
- Temperature
- Length
- Time
- Speed

## Demo

Experience the application instantly via GitHub Pages:

[![Live Demo](https://img.shields.io/badge/Live%20Demo-Click%20Here-blue?style=for-the-badge)](https://ramazancetinkaya.github.io/unit-converter/)

## Technology Stack

- HTML5
- CSS3
- Vanilla JavaScript
- Font Awesome for icons
- No external libraries or frameworks

## Installation

### Option 1: Git Clone

If you have Git installed, use the following command to clone the repository:

```bash
git clone https://github.com/ramazancetinkaya/unit-converter.git
```

Navigate to the project directory:

```bash
cd unit-converter
```

Open `index.html` in your web browser to use the application.

### Option 2: ZIP Download

1. Visit the repository at `https://github.com/ramazancetinkaya/unit-converter`
2. Click the "Code" button
3. Select "Download ZIP" from the dropdown menu
4. Extract the ZIP file to your preferred location
5. Open the extracted folder
6. Open `index.html` in your web browser to use the application

## Usage

1. Select a conversion type (Area, Length, Temperature, etc.)
2. Enter a value in the input field
- Note: Negative values are only allowed for Temperature, Length, Time and Speed
3. Select source and target units
4. Click "Convert" to perform the conversion
5. Use "Swap" to reverse units or "Reset" to clear form

## Browser Compatibility

Tested and working on:
- Chrome (latest)
- Firefox (latest)
- Safari (latest)
- Edge (latest)
- Opera (latest)
- Mobile browsers (iOS Safari, Android Chrome)

## Contributing

Contributions are welcome! Please feel free to submit a pull request or open an issue for any enhancements or bug fixes.

## License

This project is licensed under the MIT License. See the [LICENSE](LICENSE) file for more details.

## Author

Designed and developed by **Ramazan Çetinkaya**.

## Contact

For any inquiries, please contact:

- GitHub: [ramazancetinkaya](https://github.com/ramazancetinkaya)
- Email: [ramazancetinkayasoftworks@protonmail.com](mailto:ramazancetinkayasoftworks@protonmail.com)