Tech Domain · Book DevProjects

Snippets

Find a reused code pattern in seconds instead of digging through old repos.

Frequently reused code — Docker configs, CI templates, CSS utilities — was scattered across repos and gists with no fast way to find it again.

Color Palettes

Grab a color palette that's already accessibility-tested, not just aesthetically nice.

Palette sites varied wildly in quality, and none guaranteed the combinations actually passed WCAG contrast checks.

Color Picker

Convert a color between HEX, RGB, HSL, and OKLCH without switching tools.

Converting colors between formats meant bouncing between different single-purpose converter sites, each missing accessibility checks.

LINE Rich Menu

Design a LINE rich menu visually instead of calculating tap-area pixels by hand.

LINE rich menus needed pixel-precise tap areas, and doing that math manually in Photoshop was slow and error-prone.

Challenges

Practice design and frontend skills, not just algorithm puzzles.

Challenge platforms like LeetCode only tested algorithms, leaving no structured way to practice design or full-stack building skills.

Tech Space

See how 100+ projects' technologies actually connect to each other.

The portfolio used dozens of technologies across 100+ projects, but nothing showed how those technologies related or overlapped.

Base64 Encoder

Encode or decode Base64 without leaving the browser tab.

Base64 encoding for quick checks meant switching to a terminal or an ad-heavy site that choked on large inputs.

Clipboard Manager

Search clipboard history instead of losing a copy to the next one.

Copying multiple snippets in a row meant losing earlier ones, and OS-native clipboard managers required a desktop install.

Cron Expression

See exactly when a cron job will run before deploying it.

Cron syntax is cryptic enough that a wrong expression could mean a missed or duplicated job run in production.

Date Calculator

Calculate working days between dates without a spreadsheet formula.

Calculating working days, adding durations, or handling timezones meant reaching for spreadsheet formulas or a clunky calculator site.

Deep Links

Test a mobile deep link without building and deploying the app first.

Testing iOS and Android deep links required a full build-and-deploy cycle just to check the URL format worked.

Diff Checker

Compare two blocks of text without installing a desktop diff tool.

Comparing code snippets or configs meant switching to a desktop tool or pasting into a heavy enterprise diff app.

Hash Generator

Generate a file hash without opening a terminal.

Generating MD5, SHA-1, or SHA-256 hashes for quick verification meant a terminal command or a fragmented online tool.

JSON Converter

Format, validate, and convert JSON without four separate browser tabs.

Formatting and converting JSON between YAML and CSV meant juggling several single-purpose tools across different sites.

Latency Test

See real client-side latency, not just server-side benchmarks.

Choosing deployment regions needed latency data, but most tools measured from the server, not from an actual user's browser.

Markdown Editor

Write and preview markdown side by side without switching tools.

Writing markdown for blogs and docs meant switching between a separate editor and a separate previewer, with no live sync.

Minifier

Minify HTML, CSS, or JS without setting up a build pipeline.

Minifying a quick code snippet for embedding required build tooling just for a one-off task.

Number Converter

See binary, hex, and decimal side by side while typing.

Converting between number bases for low-level debugging meant reaching for a calculator app or terminal command every time.

Redirect Manager

Catch a broken redirect chain before it goes live, not after.

Redirects across 100+ domains were tracked in spreadsheets, with no visibility into broken chains until something actually broke.

Regex Tester

See a regex match highlighted live instead of guessing why a pattern failed.

Debugging a regex pattern with existing tools meant no real-time visual feedback on what was actually matching.

Speech to Text

Transcribe a voice memo locally without paying for a transcription service.

Transcribing meeting notes required a paid service, even though browser speech recognition APIs already existed with no friendly interface built around them.

Text Summarizer

Summarize a long document without uploading it to a third-party API.

Summarizing research papers or transcripts required an API key or subscription just to compress text that stayed on the user's own machine.

Tools Hub

Find any developer tool in the portfolio from one search box.

With 30+ tools spread across different subdomains, finding the right one meant remembering a specific URL.

URL Encoder

Encode a URL's query string correctly the first time, including the edge cases.

URL encoding for API calls and query parameters had edge cases — double-encoding, Unicode — that fragmented online tools handled inconsistently.