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.