🔧 DevTools - Common Developer Utilities CLI and Web

A comprehensive collection of essential developer tools built with React and TypeScript. Available as both a web application and command-line interface.

🌟 Features

• 🎨 Modern Web Interface - Clean, responsive design with dark/light theme support
• ⚡ Fast & Lightweight - Built for performance with minimal dependencies
• 🔧 CLI Interface - Use all tools directly from your terminal
• 📱 Cross-Platform - Works on any device with a modern web browser
• 🛠️ Developer-Focused - Built by developers, for developers

Screenshots

Web Interface	Search	Tool Example

CLI in Action

🚀 Quick Start

Web Interface

Visit tools.abhishekbansal.dev to start using DevTools immediately.

CLI Installation

npm install -g @devtools-cli/devtools-cli
devtools --help

📚 Available Tools

🔐 Encoding Tools

• Base64 Encoder/Decoder - Encode/decode Base64 with UTF-8 support
• Hex Text Converter - Convert between hex, ASCII, binary, decimal

📊 JSON & Data Tools

• JSON Validator & Formatter - Validate, format, minify JSON
• XML Formatter - Format, validate, minify XML documents

📝 Text Tools

• String Analyzer - Analyze text with detailed statistics
• String Case Converter - Convert between case formats
• Text Diff Tool - Compare and visualize text differences

⏰ Time Tools

• Timestamp Converter - Convert Unix timestamps & ISO dates
• Cron Expression Parser - Parse and explain cron expressions

💻 Code Tools

• UUID Generator - Generate UUID v4 identifiers
• Color Converter - Convert colors & analyze accessibility

📖 Documentation

Each tool has comprehensive documentation in the wiki folder:

• Key Features - Important functionality highlights
• Web UI Guide - Step-by-step usage instructions
• CLI Usage - Command-line examples and options

For version history and release notes, see the CHANGELOG.md.

🏗️ Project Structure

devtools/
├── apps/
│   ├── web/              # React web application
│   └── cli/              # Command-line interface
├── packages/
│   └── core/             # Shared business logic
├── wiki/                 # Tool documentation
└── docs/                 # Project documentation

🛠️ Development

Prerequisites

• Node.js 18+
• npm or yarn

Setup

# Clone the repository
git clone https://github.com/abhishekbansal/devtools.git
cd devtools

# Install dependencies
npm install

# Start development server
npm run dev

# Build for production
npm run build

CLI Development

# Build CLI
npm run build:cli

# Test CLI locally
node packages/cli/bin/devtools --help

📦 Deployment

Web App

The web application automatically deploys to GitHub Pages when changes are pushed to the master branch.

# Manual build and deploy
cd apps/web
pnpm run build
pnpm run deploy

CLI Package

# Build and publish CLI
cd packages/cli
npm publish

🤝 Contributing

Contributions are welcome!

1. Fork the repository
2. Create a feature branch
3. Make your changes
4. Add tests if applicable
5. Submit a pull request

📄 License

This project is licensed under the MIT License - see the LICENSE file for details.

🙏 Acknowledgments

• Built with React and TypeScript
• UI components from Ant Design
• CLI built with Commander.js

📞 Support

• 🐛 Issues: GitHub Issues
• 💬 Discussions: GitHub Discussions

---

Made with ❤️ by Abhishek Bansal