DevToolkit 🛠️

The Essential Browser Extension for Developers

A beautiful, fast, and privacy-focused toolkit combining string transformations and number utilities. Everything you need for daily development work - right in your browser.

✨ Features

🔤 String Utilities (16 Transformations)

• UPPERCASE - Convert to uppercase
• lowercase - Convert to lowercase
• Capitalize - First letter uppercase
• Title Case - Capitalize each word
• Reverse - Reverse text
• camelCase - Convert to camelCase
• snake_case - Convert to snake_case
• kebab-case - Convert to kebab-case
• Trim - Remove leading/trailing spaces
• Remove Spaces - Remove all spaces
• URL Encode - Encode for URLs
• URL Decode - Decode URLs
• Base64 Encode - Encode to Base64
• Base64 Decode - Decode from Base64
• Slugify - Create URL-friendly slugs
• Remove Duplicates - Remove duplicate lines

🔢 Number Utilities

🧮 Calculator

• Full-featured calculator with:
  • Basic operations (+, −, ×, ÷)
  • Percentage calculations
  • Decimal support
  • Clear and backspace functions
  • Live expression display (shows "2 + 3" before calculating)
  • Keyboard support - Type directly on your keyboard!

⌨️ Calculator Keyboard Shortcuts

• 0-9 - Number input
• + - Addition
• - - Subtraction
• * - Multiplication
• / - Division
• . - Decimal point
• % - Percentage
• Enter or = - Calculate result
• Backspace - Delete last digit
• Escape or C - Clear calculator

🔄 Base Converters

• Binary - Convert to/from binary
• Octal - Convert to/from octal
• Decimal - Standard base 10
• Hexadecimal - Convert to/from hex
• Auto-detection of input format (0b, 0o, 0x prefixes)

📐 Math Operations

• Square Root - Calculate √x
• Square - Calculate x²
• Percentage - Calculate x% of y
• Sum - Add comma-separated numbers

📊 Real-time Analysis

• Character count
• Word count
• Line count
• Unique characters
• Numbers count
• Spaces count
• Uppercase/lowercase count
• Special characters count

📈 Usage Statistics

• Track daily operations
• Total operations counter
• Daily reset at midnight
• Beautiful animated counters

🚀 Installation

From Source (Development)

1. Clone the repository:

   git clone https://github.com/iHiteshAgrawal/DevToolkit.git
   cd DevToolkit

2. Load in Chrome:

   • Open Chrome and go to chrome://extensions/
   • Enable "Developer mode" (toggle in top right)
   • Click "Load unpacked"
   • Select the extension folder

3. Start using:

   • Click the DevToolkit icon in your browser toolbar
   • Pin it for easy access

From Chrome Web Store (Coming Soon)

Extension will be published to Chrome Web Store soon!

🧪 Testing

DevToolkit includes comprehensive test suites:

Run All Tests

# Test string transformations (69 tests)
node tests/test-runner.js

# Test number utilities (70 tests)
node tests/test-number-utils.js

Test Coverage

• ✅ 69 string transformation tests
• ✅ 70 number utility tests
• ✅ 138 total tests passing
• ✅ 100% function coverage

📁 Project Structure

DevToolkit/
├── extension/              # Chrome extension files
│   ├── manifest.json      # Extension configuration
│   ├── popup.html         # Main UI
│   ├── popup.css          # Styling
│   ├── popup.js           # UI logic & event handlers
│   ├── transformations.js # String transformation functions
│   ├── number-utils.js    # Number utility functions
│   └── icons/             # Extension icons
├── tests/                 # Test suites
│   ├── test-runner.js     # String tests (CLI)
│   └── test-number-utils.js # Number tests (CLI)
├── README.md              # This file
├── PRIVACY_POLICY.md      # Privacy policy

🎨 Design Philosophy

• Beautiful - Gradient design inspired by modern UI/UX
• Fast - All processing happens instantly in-browser
• Private - Zero data collection, no external API calls
• Lightweight - Under 100KB total size
• Accessible - Keyboard shortcuts and screen reader support

🔒 Privacy & Security

• ✅ 100% client-side - All processing in your browser
• ✅ No data collection - We don't track anything
• ✅ No external calls - No API requests
• ✅ Open source - Inspect the code yourself
• ✅ Minimal permissions - Only clipboardWrite and storage

🎯 Use Cases

For Developers

• Convert variable naming conventions
• Encode/decode URLs and Base64
• Calculate percentages for CSS
• Convert between number bases
• Quick math operations

For Content Creators

• Format text for different platforms
• Count words/characters
• Remove duplicate lines
• Create URL-friendly slugs

For Everyone

• Basic calculator
• Text analysis
• Copy/paste utilities
• Number conversions

🛠️ Technologies

• Vanilla JavaScript - No frameworks
• Chrome Extension API - Manifest V3
• CSS3 - Modern gradients and animations
• Node.js - For testing only

📊 Statistics

• Total Functions: 35+
• String Transformations: 16
• Number Operations: 19+
• Test Cases: 138
• Lines of Code: ~1,500
• Bundle Size: <100KB

🤝 Contributing

We welcome contributions! Here's how:

1. Fork the repository
2. Create a feature branch (git checkout -b feature/amazing)
3. Make your changes
4. Run tests (node tests/test-runner.js && node tests/test-number-utils.js)
5. Commit (git commit -m 'Add amazing feature')
6. Push (git push origin feature/amazing)
7. Open a Pull Request

Development Setup

# Clone repo
git clone https://github.com/iHiteshAgrawal/DevToolkit.git
cd DevToolkit

# Run tests
node tests/test-runner.js
node tests/test-number-utils.js

# Load extension in Chrome
# 1. Go to chrome://extensions/
# 2. Enable Developer mode
# 3. Load unpacked → select 'extension' folder

🐛 Found a Bug?

Open an issue and we'll fix it!

📝 Changelog

v2.0.0 (Current)

• ✨ Added number utilities tab
• ✨ Added calculator
• ✨ Added base converters (binary, octal, hex)
• ✨ Added math operations (sqrt, square, percent, sum)
• ✨ Moved copy button to better location
• ✨ Added GitHub links in footer
• ✨ Renamed to DevToolkit
• ✨ 70 new tests for number utilities
• 🎨 Updated UI with tabs
• 🎨 New gradient theme for numbers tab

v1.0.0

• Initial release as StringCraft
• 16 string transformations
• Real-time text analysis
• Usage statistics
• 69 comprehensive tests

⭐ Support

If you find DevToolkit useful:

• ⭐ Star on GitHub
• 🐛 Report issues
• 💡 Request features
• 📣 Share with fellow developers

👨‍💻 Author

Hitesh Agrawal

• GitHub: @iHiteshAgrawal
• Extension: DevToolkit

📄 License

MIT License - feel free to use in your projects!

---

Made with ❤️ by Hitesh Agrawal

🔒 No data collection • Open source • Privacy-focused

⭐ Star • 🐛 Report Bug • 💡 Request Feature