DHIVA LABS · LEARN

Appearance

Beginner guide ​

In ten minutes you find a tool, run it on some text, copy the result, star a favorite and switch the theme. After that, every other tool works the same way.

What you need ​

  • Developer Toolbox installed. See Install.
  • Nothing else. The app does not need a network connection or an account.

The home screen ​

When the app opens you see four things, from top to bottom:

PartWhat it is for
Title barThe name Developer Toolbox and, on the right, the theme button.
Search tools…Type to narrow the grid to tools that match.
Filter chipsFavorites, All, then one chip per category: Text Tools, JSON Tools, Security, Web Tools, Design Tools, Utilities.
Tool gridOne card per tool: an icon, the name, a one-line description and a star.

Run your first tool ​

  1. Select the JSON Tools chip. The grid shows three tools.

  2. Select the JSON Formatter card. The tool opens on its own page.

  3. Select the Input box and type or paste this:

    json
    {"name":"Ada","languages":["en","fr"],"active":true}

    The small clipboard icon above the box is Paste: it replaces the box with whatever is on your clipboard. The cross next to it is Clear.

  4. Select Format. The Output box shows the same JSON, indented:

    json
    {
  "name": "Ada",
  "languages": [
    "en",
    "fr"
  ],
  "active": true
}

  5. Select the Copy icon above the output. A short message, Copied to clipboard, confirms it.

  6. Go back to the home screen with the back arrow in the title bar.

Most tools follow this pattern: an Input box with Paste and Clear, one or more buttons or options, and an Output box with Copy. Some tools have no button at all and update as you type, for example the JSON Validator, the Hash Generator and the Word & Character Counter.

See what an error looks like ​

  1. Open JSON Formatter again.

  2. Paste JSON with a mistake, for example a missing quote:

    text
    {"name":"Ada, "active":true}

  3. Select Format. The output box turns to the error colour and shows what is wrong and where. The last line names the position, in the form At line 1, column 16.

Tools never change your input. Fix the text in the Input box and run the tool again.

Find a tool by searching ​

  1. On the home screen, select All so that no category is filtering the grid.

  2. Type token in Search tools…. Only JWT Decoder remains.

  3. Clear the search box to see every tool again.

Search looks at each tool's name, its description, its category and a few extra keywords. So checksum finds Hash Generator, guid finds UUID Generator and 404 finds HTTP Status Codes.

Search and the filter chips work together. If a search finds nothing, check that a category chip is not still selected.

Star your favorites ​

  1. On any tool card, select the star on the right. It turns amber.

  2. Select the Favorites chip. The grid shows only starred tools.

  3. Select All to return to the full list. Select a star again to remove a favorite.

Favorites are remembered the next time you open the app.

Change the theme ​

Select the button at the right of the title bar. Each press moves to the next theme: follow the system, light, dark, then back to system. Hover over the button to see the current choice, for example Theme: dark. The choice is remembered.

What you learned ​

  • The home screen is a searchable, filterable grid of tools.
  • A tool takes input, runs when you press its button (or as you type) and gives output you can copy.
  • Errors are shown in the output area and never change your input.
  • Favorites and the theme are saved on your device.

Next steps ​