6

API Test Extension

A Powerful API Testing Tool Right in Your Browser

šŸ” API Test Extension

A Powerful API Testing Tool Right in Your Browser ⚔ Test APIs | šŸ“ Save Templates | šŸ“Š View Responses | šŸ•’ Track History

āš ļø Note: This project is currently under active development

✨ Features

šŸ“‹ Request Builder Easily construct API requests with a user-friendly interface šŸ”„ Response Viewer View API responses in a formatted, easy-to-read layout šŸ’¾ Template Manager Save and reuse your API requests šŸ“œ History Panel Keep track of your past API requests šŸŽÆ Chrome Side Panel Integration Access the tool right from your browser's side panel

šŸš€ Installation

  1. Clone this repository:
git clone https://github.com/Rahul-Sahani04/API_QuickTestPanel.git
cd API_QuickTestPanel
  1. Install dependencies:
npm install
  1. Build the extension:
# For production build
npm run build
 
# For development with watch mode
npm run dev
  1. Load the extension in Chrome: Open Chrome and navigate to 'chrome://extensions/' Enable "Developer mode" Click "Load unpacked" Select the 'dist' directory from the project folder

šŸ› ļø Tech Stack

React UI Framework Webpack Build Tool Chrome Extensions API Browser Integration TypeScript Type Safety

šŸ”§ Development

The extension is currently in active development. To contribute or test:

  1. Run the development build:
npm run dev
  1. The extension will automatically rebuild when files change

šŸ“¦ Available Scripts

"npm run build" Create production build "npm run dev" Start development build with watch mode

šŸŽØ Icons

The extension includes icons in various sizes for different Chrome UI locations: => 16x16 Favicon => 19x19 Toolbar => 32x32 Windows computers => 38x38 Toolbar => 48x48 Chrome Web Store => 128x128 Chrome Web Store and installation

Built with ā¤ļø for API testing