adriannaderkacz / unit-conventer

A custom-built Unit Converter, featuring original JavaScript logic for converting between various units with a visually guided design.

Home Page:https://adriannaderkacz.github.io/unit-conventer/

Geek Repo:Geek Repo

Github PK Tool:Github PK Tool

Unit Converter

This Unit Converter project is part of a Scrimba course. The code was built from scratch, following a provided style guide in Figma for visual reference. The JavaScript logic is original and implemented to perform various unit conversions.

Table of Contents

Features

  • Dark Mode Toggle: Users can switch between light and dark modes using a toggle switch.
  • Length Conversion: Convert between meters and feet.
  • Volume Conversion: Convert between liters and gallons.
  • Mass Conversion: Convert between kilograms and pounds.
  • Responsive Design: The interface is responsive and works well on various screen sizes.

Design and Style

The design was guided by a Figma style provided as part of the course. The layout is clean and user-friendly, with a focus on usability and aesthetics. Key elements include:

  • A toggle switch for dark mode.
  • An input field for entering the value to be converted.
  • A convert button to perform the conversions.
  • Result sections for displaying the conversion outcomes in different units.

Fonts used: Inter.

Icons used: Font Awesome for the toggle switch icons.

Image

Usage

You can use the unit converter at the following link: Unit Converter.

  1. Enter a Value: Input a numerical value into the provided input field.
  2. Convert: Click the "Convert" button to see the converted values in different units.
  3. Toggle Dark Mode: Use the switch at the top of the page to toggle between light and dark modes.

Image Image Image

Credits

Design: Scrimba's Figma design as a part of Scrimba Frontend Developer Path's project.

Project Idea: Scrimba Frontend Developer Path.

License

MIT License

Copyright (c) [2024] [Adrianna Derkacz]

Permission is hereby granted, free of charge, to any person obtaining a copy of this software and associated documentation files (the "Software"), to deal in the Software without restriction, including without limitation the rights to use, copy, modify, merge, publish, distribute, sublicense, and/or sell copies of the Software, and to permit persons to whom the Software is furnished to do so, subject to the following conditions:

The above copyright notice and this permission notice shall be included in all copies or substantial portions of the Software.

THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY, FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM, OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE SOFTWARE.

Questions

For questions, please contact me at a.derkacz@gmail.com. GitHub: adriannaderkacz.

About

A custom-built Unit Converter, featuring original JavaScript logic for converting between various units with a visually guided design.

https://adriannaderkacz.github.io/unit-conventer/

License:MIT License


Languages

Language:CSS 50.0%Language:HTML 26.5%Language:JavaScript 23.5%