Git & Dev Helpers

What it does

Generates properly formatted Conventional Commits messages. Enforces the type(scope): subject format used by many open-source projects and tools like semantic-release.

How to use

• Select the commit type from the dropdown
• Optionally add a scope (component name)
• Write a short subject in imperative mood
• Add a longer body if the change needs explanation
• Toggle Breaking Change if the commit introduces incompatibilities
• Add an issue reference for traceability

Sample Input

Type:    feat
Scope:   auth
Subject: add OAuth2 login support
Body:    Implements Google and GitHub OAuth2 providers...
Issue:   #42

Sample Output

feat(auth): add OAuth2 login support

Implements Google and GitHub OAuth2 providers...

Refs: #42

Real-World Use Cases

• Maintaining consistent commit history across a team
• Generating automated changelogs with tools like standard-version
• Triggering semantic versioning with semantic-release
• Making git log easier to read and search

What it does

Generates clean, consistent git branch names following popular conventions like type/TICKET-123-short-description. Handles slug formatting automatically.

How to use

• Select the branch type (feature, bugfix, hotfix, release, chore)
• Enter an optional ticket number
• Write a short description
• Choose separator style and max length

Sample Input

Type:        feature
Ticket:      JIRA-456
Description: Add OAuth2 login support
Separator:   /
Max Length:   60

Sample Output

feature/JIRA-456-add-oauth2-login-support

git checkout -b feature/JIRA-456-add-oauth2-login-support

Real-World Use Cases

• Enforcing naming conventions in team workflows
• Linking branches to Jira/GitHub issues automatically
• Keeping branch names URL-safe and consistent
• Integrating with CI/CD branch-based triggers

What it does

An interactive, searchable reference of essential git commands organized by category. Filter instantly to find the command you need.

How to use

• Type in the search box to filter commands by keyword
• Commands are grouped by category: Setup, Staging, Branching, Merging, etc.
• Each command shows syntax, description, and a practical example

Real-World Use Cases

• Quick reference during development without leaving the browser
• Learning git commands with practical examples
• Onboarding new developers with a curated command list
• Finding the right command for uncommon operations (cherry-pick, rebase, etc.)

What it does

Compares two blocks of text line by line and shows a color-coded unified diff. Green lines are additions, red lines are removals, gray lines are unchanged context.

How to use

• Paste the original text on the left
• Paste the modified text on the right
• Click Compare to see the diff
• Summary stats show total additions and removals

Sample Input

Original:           Modified:
line one            line one
line two            line 2 modified
line three          line three
                    line four (new)

Sample Output

  1   line one
- 2   line two
+ 2   line 2 modified
  3   line three
+ 4   line four (new)

+2 additions  -1 removal

Real-World Use Cases

• Comparing config files before and after changes
• Reviewing code changes without git
• Validating API response differences
• Comparing SQL schemas or migration scripts

What it does

Builds git commands visually by selecting an operation and configuring options via checkboxes and inputs. No need to memorize flags — just pick what you need.

How to use

• Select a git operation from the dropdown
• Configure available options (flags, parameters) that appear
• Click Build Command to generate the full command
• Copy and paste into your terminal

Sample

Operation: log
Options:   ✓ --oneline  ✓ --graph  ✓ --all  Count: 20

Result: git log --oneline --graph --all -n 20

Real-World Use Cases

• Learning git flags without reading man pages
• Constructing complex log/diff/reset commands
• Quick reference for less common options
• Onboarding developers unfamiliar with git CLI