Skip to content

Hamdan-Khan/API-Playground

Repository files navigation

👋 Introducing API Playground

API Playground is a utility tool built with React.js that allows you to make HTTP requests and interact with APIs. It provides a user-friendly interface to modify request parameters, send different types of HTTP requests, and view responses.

API Playground Interface

🚀 Demo

Check out the live demo of API Playground:

API Playground

Liked it? Please give a ⭐️ to API Playground.

💻 Use API Playground

Access the project directly:

https://github.com/Hamdan-Khan/API-playground

🔥 Features

🌐 HTTP Request Support

  • Make requests using GET, POST, DELETE, PUT, and PATCH methods
  • Display responses in JSON format

JSON Response

🛠️ Request Customization

  • Customize request body and query parameters

Request Body Query Parameters

📡 Authentication Options

  • Set custom headers
  • Support for Basic Authentication and Bearer Token

Request Headers Authentication

🏗️ How to Set up API Playground for Development?

  1. Clone the repository
git clone https://github.com/Hamdan-Khan/api-playground.git
  1. Change the working directory
cd api-playground
  1. Install dependencies
npm install
  1. Run the app
npm start

🍔 Built With

🛡️ License

This project is licensed under the MIT License - see the LICENSE file for details.

🦄 Upcoming Features

  • Improve query handling
  • Add support for more authentication methods
  • Implement request/response history
  • Add environment variable support
  • Improve error handling
  • Create saved request collections

If you find something is missing, API Playground is listening. Please create a feature request from here.

🤝 Contributing to API Playground

Any kind of positive contribution is welcome! Please help us to grow by contributing to the project.

If you wish to contribute, you can work on any features listed here or create one on your own. After adding your code, please send us a Pull Request.

Please read CONTRIBUTING for details on our CODE OF CONDUCT, and the process for submitting pull requests.

🚀 Deploy


A ⭐️ to API Playground is appreciated.