Skip to content

Releases: Zortex-Tech-Solutions/API-Tester

v0.1.0-beta

25 Dec 20:41
@SYOP200 SYOP200
v0.1.0-beta
c3f57d9
This commit was created on GitHub.com and signed with GitHub’s verified signature.
GPG key ID: B5690EEEBB952194
Verified
Learn about vigilant mode.

Choose a tag to compare

View all tags
v0.1.0-beta Latest
Latest

Release
Release Date

The sleek, modern API testing tool is here!

🎉 Welcome to API Tester!

We're thrilled to announce the first public release of API Tester - a beautiful, powerful, and intuitive API testing tool designed for developers who appreciate both functionality and aesthetics.

✨ What's Included

🔌 HTTP Methods Support

  • 7 HTTP Methods: GET, POST, PUT, PATCH, DELETE, HEAD, OPTIONS
  • Color-coded method indicators for instant recognition
  • Method-specific UI that adapts to your selection

🎯 Request Builder

  • URL Input: Clean, spacious input field for API endpoints

  • Query Parameters Builder:

    • Add unlimited query parameters
    • Toggle parameters on/off without deleting
    • Automatic URL encoding
    • Visual parameter management

  • Headers Management:

    • Add custom headers with key-value pairs
    • Enable/disable headers individually
    • Pre-filled common headers (Content-Type, etc.)
    • Clean interface for multiple headers

  • Request Body Editor:

    • JSON body editor for POST/PUT/PATCH requests
    • Syntax-friendly textarea with monospace font
    • Automatic content-type handling

💾 Request Management

  • Save Requests: Store your frequently used API calls
  • Named Requests: Give meaningful names to saved requests
  • Sidebar Navigation: Quick access to all saved requests
  • One-Click Load: Instantly load any saved request
  • Delete Requests: Remove requests you no longer need
  • Persistent Storage: Saved requests remain after closing the browser

📊 Response Viewer

  • Detailed Response Metrics:

    • HTTP status code with color indicators
    • Response time in milliseconds
    • Response size (Bytes/KB/MB)

  • Formatted Response Display:

    • Syntax-highlighted JSON responses
    • Clean, readable formatting
    • Scrollable response container

  • Response Tabs:

    • Body tab for response data
    • Headers tab for response headers

  • Response Actions:

    • Copy response to clipboard
    • Download response as JSON file
    • Visual feedback for actions

🎨 Design & UX

  • Dark Theme: Professional black background with electric blue accents
  • Electric Blue Highlights: Vibrant cyan-blue color scheme
  • Smooth Animations: Polished transitions and hover effects
  • Responsive Layout: Works on desktop, tablet, and mobile
  • Intuitive Interface: Clear visual hierarchy and organization
  • Modern UI Components: Glass-morphism effects and gradients

🚀 Quick Start Features

  • Built-in Examples: Pre-configured requests to get started instantly

    • GET request example (JSONPlaceholder)
    • POST request example with body
    • GitHub API example with headers

  • One-Click Examples: Load examples with a single click

  • Learning-Friendly: Perfect for beginners exploring REST APIs

🎯 Key Features Breakdown

Request Building

✅ 7 HTTP methods
✅ Custom URL input
✅ Query parameter builder with toggles
✅ Header management with enable/disable
✅ JSON body editor
✅ Real-time URL construction

Response Handling

✅ Status code with color indicators
✅ Response time tracking
✅ Response size calculation
✅ Formatted JSON display
✅ Response headers viewer
✅ Copy to clipboard
✅ Download as file

Request Management

✅ Save requests with names
✅ Sidebar with all saved requests
✅ Load saved requests instantly
✅ Delete unwanted requests
✅ Persistent local storage

User Experience

✅ Dark theme design
✅ Electric blue accents
✅ Smooth animations
✅ Responsive layout
✅ Tabbed interface
✅ Visual feedback
✅ Error handling

🛠️ Technical Specifications

  • Framework: React 18.x
  • Styling: Tailwind CSS 3.x
  • Icons: Lucide React
  • HTTP Client: Native Fetch API
  • Storage: Browser LocalStorage
  • Browser Support: All modern browsers (Chrome, Firefox, Safari, Edge)

📱 Platform Support

Platform Support
Desktop (Windows) ✅ Full Support
Desktop (macOS) ✅ Full Support
Desktop (Linux) ✅ Full Support
Tablet ✅ Full Support
Mobile ✅ Full Support

🎓 Perfect For

  • API Developers: Test your endpoints during development
  • Frontend Developers: Verify API integrations before coding
  • Students: Learn REST API concepts with a visual tool
  • QA Engineers: Quick API testing and validation
  • Technical Writers: Generate API documentation examples
  • Hobbyists: Explore public APIs and web services

🚦 Getting Started

  1. Clone the repository
  2. Run npm install
  3. Run npm start
  4. Open http://localhost:3000
  5. Try the built-in examples
  6. Start testing your APIs!

📝 Usage Tips

For Beginners

  • Start with the "GET Example" to see how it works
  • Try the "POST Example" to learn about request bodies
  • Use the sidebar to save your favorite requests
  • Enable/disable parameters and headers to test different scenarios

For Advanced Users

  • Save authentication headers for quick reuse
  • Use query parameters builder for complex URLs
  • Download responses for documentation or testing
  • Chain requests by copying response data

🔐 Privacy & Security

  • 100% Client-Side: All processing happens in your browser
  • No Server: No data is sent to our servers
  • Local Storage: Saved requests stay on your device
  • No Tracking: We don't track your API calls
  • Open Source: Review the code yourself

🐛 Known Limitations

  • Saved requests are stored per-browser (not synced across devices)
  • No import/export for saved requests (coming in v1.1.0)
  • No authentication presets (coming in future releases)
  • No request history/logs (planned for v1.2.0)

🔮 What's Next?

We're already working on v1.1.0 with exciting features:

  • Import/Export collections
  • Request history with timestamps
  • Authentication presets (Bearer, Basic, API Key)
  • Environment variables
  • Batch requests
  • GraphQL support

🤝 Contributing

We welcome contributions! Check out our Contributing Guide to get started.

How to Contribute

  • Report bugs via GitHub Issues
  • Suggest features via Discussions
  • Submit Pull Requests
  • Improve documentation
  • Share the project!

📧 Feedback

We'd love to hear from you!

🙏 Thank You

Thank you for trying API Tester v1.0.0! We hope this tool makes your API testing workflow faster and more enjoyable.

Special thanks to:

  • The React and Tailwind CSS communities
  • Lucide for the beautiful icons
  • JSONPlaceholder for providing test APIs
  • All early testers and contributors

📜 Changelog

[1.0.0] - December 2025

Added

  • Initial release with core functionality
  • Support for 7 HTTP methods (GET, POST, PUT, PATCH, DELETE, HEAD, OPTIONS)
  • Query parameters builder with enable/disable toggles
  • Headers management system
  • Request body editor for POST/PUT/PATCH
  • Response viewer with formatted JSON
  • Response headers display
  • Status code, time, and size metrics
  • Save and load requests feature
  • Sidebar for saved requests management
  • Copy response to clipboard
  • Download response as JSON
  • Dark theme with electric blue design
  • Built-in example requests
  • Responsive layout for all devices
  • Error handling and user feedback
  • Local storage persistence

🎊 Welcome to API Tester! 🎊

Version 1.0.0 is just the beginning. Stay tuned for more features!

Star on GitHub

Made with ⚡ and 💙 by developers, for developers

Assets 3
Loading