hrishix6 / HttpParrot

API testing tool as browser extension

HttpParrot

API testing tool baked right into browser

Motivation

Didn't like Postman's decision to move everything online with no offline option, not very fond of other tools, decided to roll my own lightweight tool. It has become a fun little side project.

Spec

You can read the full specification here

Built using

• vite
• react
• tailwindcss
• shadcn ui
• prismjs
• beautifier.io
• Mustache.js
• mime-db

Features

• Intuitive UI.
• Configure all aspects of request.
• Editable & configurable body (text, json, xml, formdata, x-url-encoded-formdata).
• Formatted & highlighted preview of text responses. (json, xml, html, js, css).
• Response metadata (status, time, size).
• Downloadable binary response (zip, audio, video, pdf, images and so on).
• Reusable request history.
• Request collections - group and save requests.
• Completely offline storage, all your data is offline in the browser.
• Environment variables for collections.
• Basic, token authentication.
• Import & export collections.

Some feature Ideas (TODO)

• Cookie handling (not possible as browsers don't allow reading cookies in content scripts).
• Generate code snippets for various languages for making request(eg, curl, node, C# etc).
• Import open api document and transform into usable collection.
• Pre-run/ post run scripts (run something before or after running specific requests).
• Collection runner.

Prerequisites

You have Chrome version 88 or later or firefox version 42 or later.

How to use for chrome

1. clone this repository

2. install node >= 16.x.x

3. install dependencies

   $ npm install

4. build for chrome.

   $ npm run build-ext-chrome

5. open dist.chrome folder in chrome extensions using Load unpacked button (make sure you have developer mode on).

6. you should see an extension icon in toolbar, click the extension icon ()

How to use for firefox

1. clone this repository

2. install node >= 16.x.x

3. install dependencies

   $ npm install

4. build for firefox

   $ npm run build-ext-firefox

5. open dist.firefox folder in about:debugging > This firefox > Load temporary Add-on...

6. you should see extension in Add on toolbar, click the extension item.

   

Note

These steps only load extension temporarily in firefox , in order to install you need to package the files and get add-on signed with AMO. I will do it soon and then only packaged extension will be available that can be installed.

Contributions

I'm working on this as a side project for learning, with no plans for public release. If you're still eager to contribute, please feel free to select an issue and submit a pull request.

License

MIT