https://github.com/friday2su/api-system
A high-performance, aesthetically pleasing API Testing Tool built for speed and precision. This tool provides a professional interface for executing requests, spoofing headers, and analyzing beautiful response outputs.
https://github.com/friday2su/api-system
api api-client api-gateway api-rest js reponse tool tools toolvite vite
Last synced: 5 months ago
JSON representation
A high-performance, aesthetically pleasing API Testing Tool built for speed and precision. This tool provides a professional interface for executing requests, spoofing headers, and analyzing beautiful response outputs.
- Host: GitHub
- URL: https://github.com/friday2su/api-system
- Owner: friday2su
- License: mit
- Created: 2026-01-24T14:37:51.000Z (5 months ago)
- Default Branch: main
- Last Pushed: 2026-01-24T15:30:40.000Z (5 months ago)
- Last Synced: 2026-01-28T13:10:56.595Z (5 months ago)
- Topics: api, api-client, api-gateway, api-rest, js, reponse, tool, tools, toolvite, vite
- Language: JavaScript
- Homepage: https://apizsystem.vercel.app/
- Size: 16.3 MB
- Stars: 1
- Watchers: 0
- Forks: 1
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
- License: LICENSE
Awesome Lists containing this project
README
# 🚀 Premium API Testing Tool
A high-performance, aesthetically pleasing API Testing Tool built for speed and precision. This tool provides a professional interface for executing requests, spoofing headers, and analyzing beautiful response outputs.
## Demo
https://github.com/user-attachments/assets/1b35e32f-41b9-4f12-898c-8523fd182532
## ✨ Key Features
- **Intelligent URL Auto-Protocol**: Smarter than a browser—detects and fixes missing protocols (supports `https` auto-fill and `localhost` detection).
- **Advanced Request Spoofing**: Built-in support for `Origin` and `Referer` spoofing to bypass security blocks during testing.
- **Cinematic Workspace**: Professional 1.2s high-fidelity animations with gaussian blur and smooth vertical layout shifts.
- **Intelligent Prettifier**: Multi-tenant engine for automatic indentation and syntax-preservation of JSON and raw HTML responses.
- **Ultra-Premium UI**: Fully custom-built interaction components (dropdowns, toggles, buttons) with zero browser-default styles.
- **Zero-Breach Scroll Engine**: Battle-tested container architecture that handles massive payloads without UI layout breakage.
- **Integrated Performance Metrics**: Real-time monitoring of status codes, payload size, and millisecond-accurate response timing.
- **Multi-Tab Insights**: Specialized views for high-density Response Previews, Request Headers, and Debug Traces.
- **Request History**: Persistent local storage of your last 20 requests—instant one-click re-run capability.
- **One-Click Code Snippets**: Generate production-ready integration code for JavaScript (Axios) and cURL instantly.
- **Intelligent cURL Import**: Paste any standard cURL command directly into the URL bar to auto-populate the entire workspace.
- **Dedicated Auth Engine**: Securely configure Bearer Tokens, Basic Auth, and API Keys through a dedicated UI.
- **Global Environment Variables**: Define dynamic variables like `{{host}}` or `{{token}}` to manage multi-environment workflows effortlessly.
- **TypeScript Interface Generator**: One-click conversion of JSON responses into production-ready TypeScript interfaces.
- **One-Click Payload Download**: Instantly save API responses as local `.json` or `.html` files.
- **Response Search**: Built-in filter engine to navigate and find specific data within massive JSON/HTML payloads.
- **CORS-Bypass Proxy**: Built-in backend engine to execute requests that typically fail due to Cross-Origin browser security.
- **Serverless Ready**: Native support for Vercel Serverless Functions—low-latency, zero-server-management needed.
- **One-Click Clipboard**: Instant state-aware copying for both headers and pretty-formatted payloads.
- **Dark Mode First**: Carefully curated charcoal grey color palette designed for high-density debugging sessions.
## 🛠️ Project Structure
- **/client**: Vite + React frontend with a custom Vanilla CSS design system.
- **/server**: Node.js + Express proxy backend to handle CORS and sensitive header forwarding.
## 🚀 Setup Instructions
### 1. Backend Proxy
```bash
cd server
npm install
npm start
```
*Runs on http://localhost:5000*
### 3. Vercel Deployment (Monorepo)
- Framework Preset: **Vite** or **Other**
- Root Directory: `./` (root)
- Build Command: `npm run build`
- Output Directory: `client/dist`
- Environment Variable: Set `VITE_API_URL` to your full Vercel URL + `/api/request` (e.g., `https://your-app.vercel.app/api/request`)
---
## ⚖️ License
This project is licensed under the [MIT License](LICENSE).
## 🎨 Design Philosophy
The system follows a "Hidden by Default" configuration approach, keeping the UI focused on the URL bar while providing a one-click cinematic reveal of advanced configuration panels.
---
*Created by [Friday](https://github.com/friday2su) for developers who value both functionality and aesthetics.*