DevTools - Modern Developer Utilities 🛠️

⚡ Introduction

DevTools is a collection of modern utilities designed to help developers with common tasks. Built with performance and user experience in mind, it provides a clean interface for various development and data manipulation tools.

🔥 Features

• Base64 Tools
  • Text encoding/decoding - Convert text to Base64 and vice versa
  • Image to Base64 conversion - Convert images to Base64 format
• Color Utilities
  • Color picker with format conversion - Pick colors and convert between formats
  • Image palette extraction - Extract dominant colors from images
  • Color blindness simulator - Simulate how colors appear to those with color blindness
• Data Processing
  • JWT decoder - Decode JSON Web Tokens
  • JSON formatter - Format JSON data for readability
  • URL encoder/decoder - Encode and decode URLs
• Content Generation
  • Lorem Ipsum generator - Generate placeholder text
• Analysis Tools
  • User Agent parser - Parse user agent strings

🔧 Tech Stack

• Frontend Framework: React
• Build Tool: Vite
• UI Framework: Chakra UI
• Icons: Tabler Icons
• Routing: React Router DOM
• State Management: React Context API

📚 External Libraries

• color-blind: Color blindness simulation
• colorthief: Color palette extraction
• @hcaptcha/react-hcaptcha: CAPTCHA integration
• isbot: Bot detection
• prism-react-renderer: Code syntax highlighting
• ua-parser-js: User agent parsing

🖼️ Preview

Built With

• chakraui
• css
• html
• javascript
• react