MrCull / MyDevToolsVue

A Vue 3 + TypeScript toolkit packed with essential developer utilities like JSON and SQL formatters, diff tools, QR‑code generator, cron builder, password and GUID generators, and more — all in one sleek app

Home Page:https://mydevtools.org/

Repository from Github https://github.comMrCull/MyDevToolsVueRepository from Github https://github.comMrCull/MyDevToolsVue

MyDevTools

A comprehensive collection of developer tools built with Vue 3 and TypeScript. This application provides a suite of utilities to help developers in their daily tasks.

🌐 Access the App

🛠️ Features

  • ✅ To Do List: Manage your tasks and todos
  • 📋 JSON Formatter: Format and validate JSON data
  • 📦 Container Generator: Generate Docker container configurations
  • 🔑 GUID Generator: Generate unique identifiers
  • 🔀 Branch Formatter: Format Git branch names according to conventions
  • 🔄 Diff Tool: Compare and visualize differences between texts
  • 🗄️ SQL Formatter: Format SQL queries with syntax highlighting
  • 🔐 Password Generator: Generate secure passwords with customizable options
  • 🌍 Time Zone Converter: Convert times between different time zones
  • 📱 QR Code Generator: Create QR codes for any text or URL
  • 💻 C# Formatter: Format C# code with proper indentation
  • 🔒 Hash Generator: Generate various hash types (MD5, SHA-1, SHA-256, etc.)
  • 🔢 Number Base Converter: Convert numbers between different bases
  • 📏 Unit Converter: Convert between different units of measurement
  • ⏰ Cron Generator: Generate cron expressions with a visual interface
  • 🎲 Random Numbers: Generate random numbers with custom ranges

🚀 Getting Started

Prerequisites

  • Node.js (v14 or higher)
  • npm (v6 or higher)

Installation

  1. Clone the repository:
git clone https://github.com/yourusername/MyDevToolsVue.git
cd MyDevToolsVue
  1. Install dependencies:
npm install
  1. Start the development server:
npm run dev

🛠️ Development

Recommended IDE Setup

TypeScript Support

This project uses TypeScript with Vue 3 for type-safe development.

Available Scripts

  • npm run dev - Start development server with hot-reload
  • npm run build - Build for production
  • npm run lint - Run ESLint for code linting

🎨 Features

  • Dark/Light mode support
  • Responsive design for mobile and desktop
  • Modern UI with smooth animations
  • Type-safe development with TypeScript
  • Component-based architecture

🤝 Contributing

Contributions are welcome! Please feel free to submit a Pull Request.

About

A Vue 3 + TypeScript toolkit packed with essential developer utilities like JSON and SQL formatters, diff tools, QR‑code generator, cron builder, password and GUID generators, and more — all in one sleek app

https://mydevtools.org/

License:GNU General Public License v3.0


Languages

Language:Vue 81.8%Language:JavaScript 15.1%Language:TypeScript 1.4%Language:CSS 1.0%Language:HTML 0.7%