https://github.com/aakashsingh-rajput/api-http-explorer
Interactive web-based API testing tool to explore HTTP methods like GET, POST, PUT, and DELETE. Built with React and Tailwind CSS for developers and learners.
https://github.com/aakashsingh-rajput/api-http-explorer
api http react tailwindcss typescript
Last synced: 9 months ago
JSON representation
Interactive web-based API testing tool to explore HTTP methods like GET, POST, PUT, and DELETE. Built with React and Tailwind CSS for developers and learners.
- Host: GitHub
- URL: https://github.com/aakashsingh-rajput/api-http-explorer
- Owner: Aakashsingh-Rajput
- License: mit
- Created: 2025-07-07T21:06:04.000Z (9 months ago)
- Default Branch: main
- Last Pushed: 2025-07-07T22:15:34.000Z (9 months ago)
- Last Synced: 2025-07-08T00:14:08.690Z (9 months ago)
- Topics: api, http, react, tailwindcss, typescript
- Language: TypeScript
- Homepage:
- Size: 214 KB
- Stars: 0
- Watchers: 0
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
- License: LICENSE
Awesome Lists containing this project
README
# API HTTP Explorer
**API HTTP Explorer** is a modern, web-based tool that lets you build, send, and visualize HTTP requests interactively — perfect for students, developers, and anyone learning how RESTful APIs work.
Craft `GET`, `POST`, `PUT`, and `DELETE` requests, inspect response status, headers, and body, and explore real APIs with ease in a sleek developer-friendly UI.
## Features
- Test HTTP methods: `GET`, `POST`, `PUT`, `DELETE`
- Add custom headers, query parameters, and body data (JSON)
- View response status, headers, and pretty-printed body
- Copy code snippets as `fetch`, `axios`, or `curl`
- Fully responsive & optimized for desktop use
- Dark mode support
- Placeholder for AI assistant to explain requests/responses
## Getting Started
Make sure you have [Node.js](https://nodejs.org/) and npm installed.
```bash
# Step 1: Clone the repository
git clone https://github.com/your-username/api-http-explorer.git
# Step 2: Navigate into the project directory
cd api-http-explorer
# Step 3: Install dependencies
npm install
# Step 4: Start the development server
npm run dev
```
## Tech Stack
- React — UI Library
- TypeScript — Static typing
- Tailwind CSS — Styling
- Vite — Fast development bundler
- shadcn/ui — Clean component library
## License
This project is open-source under the MIT License.
## Feedback & Contributions
Have suggestions or want to contribute?
Feel free to fork the repo and open a pull request.
## Live Demo
Check out the live app here:
api-http-explorer.vercel.app