A modern ReactJS website for QA Engineers with a sleek dark theme UI/UX built with TailwindCSS and Framer Motion. This QA Utility Hub provides multiple tools accessible via sidebar navigation with glassmorphism-style cards, smooth animations, and a responsive layout.

🔗 Demo: https://ghost173.github.io/QA-Toolbox/

1. Email Generator – Generate random emails for testing with copy functionality
2. JSON Validator – Validate JSON syntax with real-time error detection and formatting
3. JSONPath Finder – Query JSON data using JSONPath expressions
4. UUID Generator – Generate UUIDs (v4) with copy functionality
5. Swagger Editor – Multi-instance OpenAPI spec editor and preview
6. Base64 Encoder/Decoder – Encode and decode strings for testing
7. JWT Decoder – Decode JWT tokens and view header/payload
8. Regex Tester – Test regular expressions with highlighting
9. Date/Time Formatter – Convert between different date/time formats
10. Fake Data Generator – Generate test data for names, addresses, etc.
11. cURL Converter – Convert cURL commands to fetch/axios requests
12. Text Diff Tool – Compare and highlight differences in text/JSON

• Dark Theme with frosted glass cards and hover effects
• Glassmorphism UI with backdrop blur and transparency
• Smooth Animations powered by Framer Motion
• Responsive Layout that works on all devices
• Professional Branding focused on QA workflows
• Sidebar Navigation with icons for each tool
• Client-Side Only - no backend required

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

1. Clone the repository:

git clone <repository-url>
cd qa-toolbox

2. Install dependencies:

npm install

3. Start the development server:

npm start

4. Open http://localhost:3000 to view it in the browser.

npm run build

This builds the app for production to the build folder.

• React 18 - Modern React with hooks
• React Router - Client-side routing
• TailwindCSS - Utility-first CSS framework
• Framer Motion - Animation library
• Lucide React - Beautiful icons
• React Syntax Highlighter - Code syntax highlighting
• JSONPath Plus - JSONPath querying
• Diff - Text comparison utilities

The application is fully responsive and works seamlessly across:

• Desktop computers
• Tablets
• Mobile phones
• Various screen sizes and orientations

• Generate random email addresses for testing
• Customizable count (1-100)
• Copy individual emails or all at once
• Professional domain names

• Real-time JSON validation
• Syntax highlighting
• Error detection with line numbers
• Format and beautify JSON
• Copy formatted output

• Query JSON data with JSONPath expressions
• Common expression templates
• Real-time results
• Copy results as JSON

• Generate RFC 4122 compliant UUIDs (v4)
• Customizable count
• Copy individual UUIDs or all at once
• Professional formatting

• Multi-tab support for multiple API specs
• Real-time validation
• Syntax highlighting
• Load sample specifications
• Copy and clear functionality

• Encode text to Base64
• Decode Base64 to text
• Toggle between encode/decode modes
• Copy results
• Sample text support

• Decode JWT tokens without verification
• View header and payload separately
• JSON formatting with syntax highlighting
• Copy individual sections
• Sample JWT token included

• Test regular expressions against sample text
• Word, character, and line-level diffing
• Common pattern templates
• Real-time highlighting
• Match statistics

• Convert between multiple date formats
• ISO 8601, Unix timestamp, readable formats
• Custom format support
• Auto-detection of input format
• Copy converted results

• Generate realistic test data
• Names, emails, phone numbers, addresses
• Companies, job titles, websites, dates
• Customizable data types
• Export as JSON

• Convert cURL commands to JavaScript
• Support for fetch, axios, and XMLHttpRequest
• Parse headers, body, and method
• Copy generated code
• Sample cURL commands

• Compare two text blocks
• Word, character, and line-level comparison
• Visual highlighting of differences
• Statistics (added, removed, unchanged)
• Swap text functionality

Perfect for QA Engineers who need to:

• Generate test data for API testing
• Validate JSON responses
• Test regular expressions
• Convert between data formats
• Debug JWT tokens
• Compare API responses
• Format dates and times
• Convert cURL commands to code

• Client-Side Only - All processing happens in your browser
• No Data Storage - No data is sent to external servers
• No Tracking - Complete privacy for your sensitive data
• Offline Capable - Works without internet connection

This project is open source and available under the MIT License.

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

For support or questions, please open an issue in the repository.

Built with ❤️ for QA Engineers