Weight-Converter-R Svelte Themes

Weight Converter R

A weight converter using svelte and the color red

What is this Weight Converter?πŸ”ƒ

To see the project in action, check it out here, here, and here.

The Weight Converter found on the site converts a weight from one unit to 5 other units. The available units are as follows:

  • Ounces
  • Kilograms
  • Grams
  • Stones
  • Tons
  • Pounds

#Okay, but how to use? 😩 Using it is simple! Simply click any of the input fields--or hit TAB on your keyboard to focus any of them--and type in the weight you want converted.

The conversions will show on the rest of the input fields for you to see! If you want to reset everything back to 0 for a clean slate, simply click the big red button at the bottom of the card body or type in 0 in any of the input fields.

How to run? 😭

If you want to run it on your own, clone this repo into your machine and install the necessary dependencies by inputting the following code in the command line while in your cloned version:

npm install

When that's done, input the following code:

npm run dev

About the Project

Made With

  1. HTML
  2. CSS
  3. JavaScript
  4. Svelte Framework

Note

The resources used, from custom fonts to background images and svg icons, are for personal use. All rights and credit go directly to its rightful owners.

With that you're good to go. Get converting!πŸ”ƒβŒ¨οΈπŸ˜Άβ€πŸŒ«οΈ

Top categories

Loading Svelte Themes