API Playground

A browser-based API testing tool — lightweight Postman alternative built with React and Vite.

Features

• Send HTTP requests — GET, POST, PUT, PATCH, DELETE, HEAD
• Authentication — Bearer Token, Basic Auth, API Key (header or query)
• Request builder — Params, Headers, Body (raw JSON/text/HTML/XML), Auth tabs
• Code generation — JavaScript Fetch, Axios, cURL, Python Requests
• Collections — Save, organize, rename, and delete requests with localStorage persistence
• Request history — Session history with one-click replay
• Environment variables — Manage base URLs and secrets per environment
• Resizable panels — Drag to resize sidebar, request, and response panels
• Response viewer — Pretty/Raw/Preview modes with headers and cookies tabs

Tech Stack

React 18, Vite, Tailwind CSS v4, Axios, Radix UI, react-resizable-panels, sonner

Run Locally

npm install
npm run dev

Test APIs

• GET https://jsonplaceholder.typicode.com/users — public REST API
• GET https://httpbin.org/bearer + Bearer Token auth → returns { "authenticated": true }
• GET https://httpbin.org/headers + API Key in Header → echoes headers back
• GET https://catfact.ninja/fact — random cat fact

Project

Built as part of a full-stack portfolio. React frontend with real API integration, auth handling, and localStorage persistence.