feat: add Text Case Converter tool
Nobody has claimed this yet.
- Dominant language
- HTML
- Stars
- 5
- Forks
- 0
- PR merge metrics
- No merged PRs in 30d
Description
Summary
Add a case-converter.html tool that converts any text between all common naming and writing conventions in one view.
Motivation
"camelCase to snake_case", "snake_case to PascalCase", and similar queries are searched thousands of times daily by developers renaming variables, functions, and database columns across language boundaries. Most online tools only handle one or two conversions — this tool shows all formats simultaneously so one paste covers every case.
Proposed UX
- Single input textarea at the top
- Simultaneous output cards (one-click copy each):
camelCase—myVariableNamePascalCase—MyVariableNamesnake_case—my_variable_nameSCREAMING_SNAKE_CASE—MY_VARIABLE_NAMEkebab-case—my-variable-nameCOBOL-CASE—MY-VARIABLE-NAMEdot.case—my.variable.nameTitle Case—My Variable NameSentence case—My variable namelowercase/UPPERCASE
- Smart word-splitting handles: existing separators (
-,_,., space), camelCase/PascalCase transitions, number boundaries (v2Api→v2,Api) - Live update as you type; "Copy all" button exports a JSON map of all formats
Implementation notes
- Category: Code
- Slug:
case-converter - Icon:
🔡 - No npm dependencies — splitter + formatter logic is ~60 lines inline
- All logic inline in
<script> - Follow
src/_tool-template.htmland runbun run generate:sections,bun run generate:index,bun run generate:faviconafter adding totools.json
Contributor guide
No contributing guide indexed for this repository
First steps
- Read the whole issue, then the project's contributing guide.
- Comment on the issue to say you are picking it up — it saves two people doing the same work.
- Fork the repository and make your change on a branch.
- Open a pull request that references the issue number.
Research direction
Start with src/_tool-template.html and inspect tools.json for the tool entry format. Add case-converter.html with the specified textarea, output cards, copy actions, and inline conversion logic, then run bun run generate:sections, bun run generate:index, and bun run generate:favicon. Done means all listed formats update live and the generated project data is refreshed.
Written by the indexing model from the issue text.
Assessment
- Tech stack
- html, javascript
- Domain
- tooling, web-dev
- Issue type
- Feature
- Difficulty
- 3/5
- Estimated time
- 1-2 days
- Activity status
- Quiet
- Clarity
- Clearly specified
- Newbie friendliness
- 78/100