A minimal, production-ready JSON API testing and exploration tool written in Go.
Designed for simplicity, learning, and smooth deployment with interactive frontend presets.
- Quickly explore public APIs with preset examples
- Auto-fill method, URL, and request body on click
- Supports
GET,POST,PUT,DELETErequests - Displays formatted (Pretty) or raw JSON responses
- Searchable categories for APIs: Animals, Fun, Space, Weather, Crypto, Media, Tech, Utility, Random
- Fully responsive layout optimized for desktop and mobile
- Serves all static assets (
index.html,script.js, CSS) from/static - Deployable on Render.com with zero configuration
- Go – backend server, proxies API requests and serves static files
- Tailwind CSS – frontend styling and responsive layout
- Vanilla JS – interactive form handling, presets, and dynamic sidebar
- In-memory presets – stored in JS object for demo / portfolio use
-
Direct API requests (bypass proxy)
Add an optional toggle/button to send requests directly from the frontend for same-origin APIs. Useful for APIs that don't require CORS proxying. -
CORS / Cross-Origin handling
Improve handling of external APIs with CORS restrictions. Consider:- Adding
mode: 'cors'and credentials options tofetch - Fallback to server-side proxy for APIs with strict CORS
- Adding
-
Error handling & validation
- Better frontend validation for URLs and JSON input
- Show more descriptive errors when proxy request fails
-
Request presets enhancements
- Add custom user presets saved locally (localStorage)
- Support for more HTTP methods and headers
-
UI/UX improvements
- Responsive layout tweaks for mobile (e.g., send button alignment)
- Optional dark/light theme toggle
- Loading spinner improvements
-
Security / Safety
- Rate-limiting requests to prevent abuse via the proxy
- Input sanitization for request body
This tool is optimized for Render.com deployment:
- Dynamic ports are handled via the
PORTenvironment variable - Static assets served directly from the
/staticfolder - Simply push your repo and let Render handle the rest
- Open the deployed app URL
- Click on a preset API from the sidebar to auto-fill the form
- Adjust the HTTP method, URL, or JSON body if needed
- Click Send to see the response in the right panel
- Switch between Pretty and Raw view for request body
- Use the Copy button to copy current request info
Enjoy a fully interactive, mobile-friendly JSON API Explorer, ready for demos or portfolio showcase!