👋 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.

🚀 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

🛠️ Request Customization

• Customize request body and query parameters

📡 Authentication Options

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

🏗️ How to Set up API Playground for Development?

1. Clone the repository

git clone https://github.com/Hamdan-Khan/api-playground.git

2. Change the working directory

cd api-playground

3. Install dependencies

npm install

4. Run the app

npm start

🍔 Built With

• React.js
• Axios
• React Router

🛡️ 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.