Why I Created a Unit Converter and Development Review
Published: March 19, 2024
๐ Why Did I Create It?
In daily life, I often need to convert units, but when searching for such functionality on the web, I found many tools with excessive ads or poor usability. That's why I wanted to create a clean and intuitive unit conversion tool without ads.
โจ Key Features
- ๐ Length Conversion: mm, cm, m, km, inch, ft, yd, mile
- โ Weight Conversion: mg, g, kg, ton, oz, lb
- ๐ก Temperature Conversion: Celsius, Fahrenheit, Kelvin
- ๐ Area Conversion: mยฒ, ftยฒ, kmยฒ, ac, etc.
- ๐งช Volume Conversion: mยณ, L, gal, etc. (to be added)
- ๐ Quick switching between categories with tab UI
- ๐ฑ Mobile-optimized with responsive design
๐งฉ Implementation Points
The conversion logic is handled by JavaScript, applying appropriate conversion rates based on the units
selected in the HTML `select` elements.
I also considered accessibility and SEO by implementing `` tags, Open Graph, Twitter Cards, and JSON-LD.
For example, length conversion is structured like this:
const conversionRates = {
m: { cm: 100, mm: 1000, km: 0.001, in: 39.3701, ft: 3.28084 }
};
When the convert button is clicked, JavaScript calculates the result and displays it in a `
๐ Future Plans
- Add more unit categories (time, speed, pressure, etc.)
- Support multiple languages (including English pages)
- Add unit conversion formula display feature (explaining how the conversion was done)
๐ Try It Out
You can try the unit converter at the link below:
๐ https://think-shelter.com/en/unit-converter/
๐ง Conclusion
Creating a tool that's easily accessible to everyone and has practical functionality was very rewarding. It was a great opportunity to focus not only on frontend technology but also on UX/UI design and SEO. I plan to continue creating small tools that solve everyday inconveniences.