Screenshot of API Platform - A comprehensive, browser-based API development and testing platform. The modern alternative to Postm...
personal SPA Developer Tools API Testing React Cloud

API Platform

🚀 View App

API Platform

Test, Build, and Manage APIs Directly in Your Browser.

A modern, local-first API development platform for testing REST, GraphQL, WebSocket, gRPC, and Socket.IO APIs. Built with Next.js 15, React 19, and Cloudflare Workers, designed to run entirely in the browser with local-first data storage using IndexedDB.

🚀 Key Features

Comprehensive Protocol Support

  • REST APIs: Full HTTP method support (GET, POST, PUT, PATCH, DELETE) with headers, parameters, and authentication.
  • GraphQL: Dedicated editor with introspection support and schema exploration.
  • Real-Time Testing: Support for WebSocket and Socket.IO for real-time bidirectional communication.
  • gRPC: Protocol buffer-based RPC support.

Advanced Capabilities

  • Request Builder: Powerful interface for constructing complex requests with dynamic variables.
  • Auth Methods: Native support for Bearer, Basic, OAuth 2.0, and AWS Signature V4.
  • Proxy: Custom Cloudflare Worker proxy (/api/proxy) to bypass CORS restrictions seamlessly.
  • Scripting: Sandboxed JavaScript execution (QuickJS WASM) for pre-request scripts and test assertions.

🛠️ Technology Stack

  • Framework: Next.js 15 (App Router) & React 19
  • State Management: Zustand for global state & React Query for server state.
  • Database: Dexie.js (IndexedDB wrapper) for robust local-first storage.
  • Styling: Tailwind CSS 4 for modern, responsive UI.
  • Runtime: Deployed on Cloudflare Workers using @opennextjs/cloudflare.

🏗️ Architecture

Local-First Design

Data is stored locally in the user’s browser using IndexedDB, ensuring privacy, speed, and offline capability. The application essentially works as a Progressive Web App (PWA).

Request Execution Flow

  1. User Input: Captures method, URL, headers, and body.
  2. Pre-Processing: Variable substitution and pre-request script execution.
  3. Execution: Requests are routed through a custom CORS proxy or executed directly if possible.
  4. Post-Processing: Response capture, test script execution, and history recording.

💡 additional Highlights

  • PWA Support: Installable on desktop and mobile with offline fallback.
  • Mock Server: Define mock endpoints with custom responses and delays.
  • Code Generation: Export requests to cURL, JavaScript, Python, and more.
  • Collection Management: Organize requests with folders, variables, and bulk execution.