Tools to help speed the web development process.

View demo · Report bug · Request feature

Table of contents

1. Built with
2. Tool list
3. About the project
4. Getting started
5. Unit Calculator query params

Built with

• Next.js
• MUI
• change-case
• colord
• convert
• react-colorful

(back to top)

Tool list

• Aspect Ratio Calculator
• Unit Calculator
• Text Formatter
• CSS Scrollbar
• Email Signature
• Password Generator
• QR Code Generator
• Todo List
• Color Picker
• Item Picker
• Number Picker

(back to top)

About the project

I built these tools to help speed my development process.

Color Picker

Google Color Picker
Stratools Color Picker

• Option to copy any code not just HEX.
• Similar shades displayed so I could pick lighter/darker versions.

Unit Calculator

Google Unit Calculator
Stratools Unit Calculator

• Wanted all the units to be displayed so I could see the differences.

(back to top)

Getting started

To get a local copy up and running follow these simple example steps.

1. Clone the repo

   git clone https://github.com/huffmanks/tools-nextjs.git .

2. Install packages

   yarn

3. Start

   yarn dev

(back to top)

Unit Calculator query params

BASE_URL = https://tools.huffmanks.com/calculate/units

/?type=length&num=3&unit=kilometer

/?t=len&n=3&u=km

/?t=2&n=3&u=5

All three of these examples get the same result.

Parameter	Type	Description	Example
type OR t	string OR number	Measurement types	length, 2
num OR n	number	Number to compare	4
unit OR u	string OR number	Unit to select	km, 5

The string can be any variant of the word. i.e. kilometers, kilo, km, etc.

Measurement types

1. Digital storage
2. Length
3. Volume
4. Temperature
5. Time
6. Weight

Digital storage

type=1

Unit	Number	Short
terabytes	1	TB
gigabytes	2	GB
megabytes	3	MB
kilobytes	4	KB
bytes	5	B

Length

type=2

Unit	Number	Short
miles	1	mi
yards	2	yd
feet	3	ft
inches	4	in
kilometers	5	km
meters	6	m
centimeters	7	cm
millimeters	8	mm
pixels	9	px

Volume

type=3

Unit	Number	Short
US liquid gallons	1	gal
US liquid quarts	2	qt
US liquid pints	3	p
US legal cups	4	c
US fluid ounces	5	oz
US tablespoons	6	tbsp
US teaspoons	7	tsp
liters	8	L
milliliters	9	mL

Temperature

type=4

Unit	Number	Short
celsius	1	C
fahrenheit	2	F
kelvin	3	K

Time

type=5

Unit	Number	Short
years	1	yr
months	2	mo
weeks	3	wk
days	4	d
hours	5	hr
minutes	6	min
seconds	7	s
milliseconds	8	ms

Weight

type=6

Unit	Number	Short
US tons	1	ton
pounds	2	lbs
ounces	3	oz
kilograms	4	kg
grams	5	g
milligrams	6	mg

See the open issues for a full list of proposed features (and known issues).

Project Link: https://tools.huffmanks.com

(back to top)