SplitEasy is a stylized frontend mathematical utility built for safe whole-number division. The project focuses on a small interaction: enter a dividend, enter a divider, submit the form, and receive a whole-number output.
The original visual direction uses neumorphism, also known as soft UI. The background, container, inputs, and button share a soft grey base, then use paired shadows to create raised and inset physical-feeling elements. For this portfolio page, the supporting visuals are adapted into the D’SEIKOU palette while the case study still explains the original soft UI intention.
The JavaScript logic is intentionally defensive. Instead of assuming valid numbers, it runs inputs through a clear error-handling pipeline before performing division. It checks for non-numeric input, empty fields, and division by zero before returning a result.
When the division is valid, the tool returns a whole number. If the answer divides evenly, it displays the exact value. If the result has decimals, the logic uses Math.floor() to round down to the nearest whole integer.
- Core purpose: safely divide two numbers and return a whole-number result.
- Frontend layer: HTML form structure, CSS neumorphism, and Vanilla JavaScript form logic.
- Validation layer: non-numeric checks, empty-field checks, division-by-zero handling, and safe result rendering.
- Interaction layer: raised containers, inset inputs, pressed button feedback, and clear result/error messaging.
