Data unit converter

A simple data unit converter using binary and traditional prefixes.

Description

To use the data unit converter, first enter the value in the first input box, then select the units you wish to convert from and to, respectively. The converted value will be displayed in the second input box.

For a theoretical explanation, you could visit: Information units on Wikipedia.

Technologies Used

• JS Libraries: ReactJS, Math.js, React Select, Primer/Octicons
• Font: Dosis by Impallari Type
• Programming Language: TypeScript
• Build tool: Vite
• Hosting: GitHub Pages
• Dev Environment: VSCode with dev containers in Zorin OS

Demo

You can see the demo here: https://bit.jhordyess.com.

Screenshot

How to use

1. Clone the repository:

git clone git@github.com:jhordyess/data-unit-converter.git

2. Open the project folder:

cd data-unit-converter

3. Install the dependencies:

yarn

4. Run the project:

yarn dev

5. Open the browser at http://localhost:5173/

How to use with VSCode dev containers

You can use the VSCode dev containers to run the project in a containerized environment.

You need to have installed Docker and VSCode, and the Dev Containers extension.

1. Clone the repository:

git clone git@github.com:jhordyess/data-unit-converter.git

2. Open the project with VSCode:

code data-unit-converter

3. Open the command palette and select the option Dev Containers: Reopen in Container.

4. Wait for the container to be built and the project to be started.

5. Open the terminal in VSCode and run the project:

yarn dev

6. Open the browser at http://localhost:5173/

To-Do

• Reduce bundle size.
• Improve code readability.
• Add rounding.
• Add more features 🤔

Contribution

If you would like to contribute to the project, open an issue or make a pull request on the repository.

License

© 2022> Jhordyess. Under the MIT license. See the LICENSE file for more details.

---

Made with 💪 by Jhordyess