Dev Tools

A browser-based toolkit for developers that combines JSON formatting, Laravel query log analysis, and remote VM file access.

November 5, 2025

Tech Stack

JavaScriptNode.jsSSH2dotenvHTMLCSS

Categories

Developer ToolUtilitiesNode.jsSSH
Dev Tools

Dev Tools

Dev Tools is a web-based utility app that groups together practical workflows for day-to-day development tasks. Instead of targeting end users, it is built to speed up debugging and operational work for developers.

Project Overview

The app includes a JSON formatter, a Laravel query log analyzer, and a VM file connector over SSH. That mix makes it a useful internal-style product and shows a strong bias toward solving real workflow friction.

Key Features

  • JSON formatter with validation, beautify, minify, and clipboard support
  • Laravel query log analyzer for spotting slow queries and reviewing execution patterns
  • VM file connector for browsing remote directories and retrieving files securely
  • Environment-based configuration to keep connection settings outside the UI by default
  • File handling utilities including preview, copy, and download

Technical Highlights

Practical Systems Work

The VM connector is the strongest part of the project because it moves beyond static frontend work into remote access, file retrieval, and server-assisted operations. It also reflects experience with real maintenance and debugging workflows.

Implementation Approach

The project uses a lightweight Node.js server, SSH2 for remote access, and a framework-free frontend. That keeps the tool lean while still covering useful operational features.

Why It Belongs In The Portfolio

This repo is worth including because it shows problem-solving for developer workflows rather than only end-user interfaces. It adds range to the portfolio and supports your positioning as a practical full-stack engineer.