Useful tools for developer and people working in IT. Try it!

Please check the issues to see if some feature listed to be implemented.

You have an idea of a tool? Submit a feature request!

Useful tools for developer and people working in IT. [Have a look !].

Self host solutions for your homelab

From docker hub:

docker run -d --name it-tools --restart unless-stopped -p 8080:80 abambah/it-tools:v3

Other solutions:

• Cloudron
• Tipi
• Unraid

VSCode with the following extensions:

• Volar (and disable Vetur)
• TypeScript Vue Plugin (Volar).
• ESLint
• i18n Ally

with the following settings:

{
  "editor.formatOnSave": false,
  "editor.codeActionsOnSave": {
    "source.fixAll.eslint": true
  },
  "i18n-ally.localesPaths": ["locales", "src/tools/*/locales"],
  "i18n-ally.keystyle": "nested"
}

TypeScript cannot handle type information for .vue imports by default, so we replace the tsc CLI with vue-tsc for type checking. In editors, we need TypeScript Vue Plugin (Volar) to make the TypeScript language service aware of .vue types.

If the standalone TypeScript plugin doesn't feel fast enough to you, Volar has also implemented a Take Over Mode that is more performant. You can enable it by the following steps:

1. Disable the built-in TypeScript Extension
   1. Run Extensions: Show Built-in Extensions from VSCode's command palette
   2. Find TypeScript and JavaScript Language Features, right click and select Disable (Workspace)
2. Reload the VSCode window by running Developer: Reload Window from the command palette.

pnpm install

pnpm dev

pnpm build

pnpm test

pnpm lint

To create a new tool, there is a script that generate the boilerplate of the new tool, simply run:

pnpm run script:create:tool my-tool-name

It will create a directory in src/tools with the correct files, and a the import in src/tools/index.ts. You will just need to add the imported tool in the proper category and develop the tool.

Auto-generated architecture diagram. See docs/context-map.md for the full context map (core application, containers/cloud, and database connections).

flowchart TD
  User([User / Client])
  UI["Frontend:80/5050<br/>Vue"]
  App["it-tools<br/><small>index.ts</small><br/>Express / Node"]
  DB0[("BigQuery (analytics)")]
  Img["Container image<br/>(Docker)"]
  Deploy["Vercel"]
  User --> UI
  UI --> App
  App --> DB0
  App -.deploy.-> Img
  Img -.deploy.-> Deploy