Ecosyste.ms: Awesome

An open API service indexing awesome lists of open source software.

https://github.com/hoppscotch/hoppscotch

๐Ÿ‘ฝ Open source API development ecosystem - https://hoppscotch.io
https://github.com/hoppscotch/hoppscotch

api api-client api-rest api-testing developer-tools graphql hacktoberfest http http-client pwa rest rest-api spa testing testing-tools tools vue vuejs websocket

Last synced: 18 days ago
JSON representation

๐Ÿ‘ฝ Open source API development ecosystem - https://hoppscotch.io

Lists

README 

        


  

    Hoppscotch

  

  


    

      Hoppscotch

    

  


  

    Open Source API Development Ecosystem

  

  



[![contributions welcome](https://img.shields.io/badge/contributions-welcome-brightgreen?logo=github)](CODE_OF_CONDUCT.md) [![Website](https://img.shields.io/website?url=https%3A%2F%2Fhoppscotch.io&logo=hoppscotch)](https://hoppscotch.io) [![Tests](https://github.com/hoppscotch/hoppscotch/actions/workflows/tests.yml/badge.svg)](https://github.com/hoppscotch/hoppscotch/actions) [![Tweet](https://img.shields.io/twitter/url?url=https%3A%2F%2Fhoppscotch.io%2F)](https://twitter.com/share?text=%F0%9F%91%BD%20Hoppscotch%20%E2%80%A2%20Open%20source%20API%20development%20ecosystem%20-%20Helps%20you%20create%20requests%20faster,%20saving%20precious%20time%20on%20development.&url=https://hoppscotch.io&hashtags=hoppscotch&via=hoppscotch_io)



  


  


    

      Built with โค๏ธŽ by

      

        contributors

      

    

  


  


  


    

      

        

        

        Hoppscotch

      

    

  





_We highly recommend you take a look at the [**Hoppscotch Documentation**](https://docs.hoppscotch.io) to learn more about the app._



#### **Support**



[![Chat on Discord](https://img.shields.io/badge/chat-Discord-7289DA?logo=discord)](https://hoppscotch.io/discord) [![Chat on Telegram](https://img.shields.io/badge/chat-Telegram-2CA5E0?logo=telegram)](https://hoppscotch.io/telegram) [![Discuss on GitHub](https://img.shields.io/badge/discussions-GitHub-333333?logo=github)](https://github.com/hoppscotch/hoppscotch/discussions)



### **Features**



โค๏ธ **Lightweight:** Crafted with minimalistic UI design.



โšก๏ธ **Fast:** Send requests and get responses in real time.



๐Ÿ—„๏ธ **HTTP Methods:** Request methods define the type of action you are requesting to be performed.



- `GET` - Requests retrieve resource information

- `POST` - The server creates a new entry in a database

- `PUT` - Updates an existing resource

- `PATCH` - Very similar to `PUT` but makes a partial update on a resource

- `DELETE` - Deletes resource or related component

- `HEAD` - Retrieve response headers identical to those of a GET request, but without the response body.

- `CONNECT` - Establishes a tunnel to the server identified by the target resource

- `OPTIONS` - Describe the communication options for the target resource

- `TRACE` - Performs a message loop-back test along the path to the target resource

- `` - Some APIs use custom request methods such as `LIST`. Type in your custom methods.



๐ŸŒˆ **Theming:** Customizable combinations for background, foreground, and accent colors โ€” [customize now](https://hoppscotch.io/settings).



- Choose a theme: System preference, Light, Dark, and Black

- Choose accent colors: Green, Teal, Blue, Indigo, Purple, Yellow, Orange, Red, and Pink

- Distraction-free Zen mode



_Customized themes are synced with your cloud/local session._



๐Ÿ”ฅ **PWA:** Install as a [Progressive Web App](https://web.dev/progressive-web-apps) on your device.



- Instant loading with Service Workers

- Offline support

- Low RAM/memory and CPU usage

- Add to Home Screen

- Desktop PWA



๐Ÿš€ **Request:** Retrieve response from endpoint instantly.



1. Choose `method`

2. Enter `URL`

3. Send



- Copy/share public "Share URL"

- Generate/copy request code snippets for 10+ languages and frameworks

- Import `cURL`

- Label requests



๐Ÿ”Œ **WebSocket:** Establish full-duplex communication channels over a single TCP connection.



๐Ÿ“ก **Server-Sent Events:** Receive a stream of updates from a server over an HTTP connection without resorting to polling.



๐ŸŒฉ **Socket.IO:** Send and Receive data with the SocketIO server.



๐ŸฆŸ **MQTT:** Subscribe and Publish to topics of an MQTT Broker.



๐Ÿ”ฎ **GraphQL:** GraphQL is a query language for APIs and a runtime for fulfilling those queries with your existing data.



- Set endpoint and get schema

- Multi-column docs

- Set custom request headers

- Query schema

- Get query response



๐Ÿ” **Authorization:** Allows to identify the end-user.



- None

- Basic

- Bearer Token

- OAuth 2.0

- OIDC Access Token/PKCE



๐Ÿ“ข **Headers:** Describes the format the body of your request is being sent in.



๐Ÿ“ซ **Parameters:** Use request parameters to set varying parts in simulated requests.



๐Ÿ“ƒ **Request Body:** Used to send and receive data via the REST API.



- Set `Content Type`

- FormData, JSON, and many more

- Toggle between key-value and RAW input parameter list



๐Ÿ“ฎ **Response:** Contains the status line, headers, and the message/response body.



- Copy the response to the clipboard

- Download the response as a file

- View response headers

- View raw and preview HTML, image, JSON, and XML responses



โฐ **History:** Request entries are synced with your cloud/local session storage.



๐Ÿ“ **Collections:** Keep your API requests organized with collections and folders. Reuse them with a single click.



- Unlimited collections, folders, and requests

- Nested folders

- Export and import as a file or GitHub gist



_Collections are synced with your cloud/local session storage._



๐Ÿ“œ **Pre-Request Scripts:** Snippets of code associated with a request that is executed before the request is sent.



- Set environment variables

- Include timestamp in the request headers

- Send a random alphanumeric string in the URL parameters

- Any JavaScript functions



๐Ÿ‘จโ€๐Ÿ‘ฉโ€๐Ÿ‘งโ€๐Ÿ‘ฆ **Teams:** Helps you collaborate across your teams to design, develop, and test APIs faster.



- Create unlimited teams

- Create unlimited shared collections

- Create unlimited team members

- Role-based access control

- Cloud sync

- Multiple devices



๐Ÿ‘ฅ **Workspaces:** Organize your personal and team collections environments into workspaces. Easily switch between workspaces to manage multiple projects.



- Create unlimited workspaces

- Switch between personal and team workspaces



โŒจ๏ธ **Keyboard Shortcuts:** Optimized for efficiency.



> **[Read our documentation on Keyboard Shortcuts](https://docs.hoppscotch.io/documentation/features/shortcuts)**



๐ŸŒ **Proxy:** Enable Proxy Mode from Settings to access blocked APIs.



- Hide your IP address

- Fixes [`CORS`](https://developer.mozilla.org/en-US/docs/Web/HTTP/CORS) (Cross-Origin Resource Sharing) issues

- Access APIs served in non-HTTPS (`http://`) endpoints

- Use your Proxy URL



_Official proxy server is hosted by Hoppscotch - **[GitHub](https://github.com/hoppscotch/proxyscotch)** - **[Privacy Policy](https://docs.hoppscotch.io/support/privacy)**._



๐ŸŒŽ **i18n:** Experience the app in your language.



Help us to translate Hoppscotch. Please read [`TRANSLATIONS`](TRANSLATIONS.md) for details on our [`CODE OF CONDUCT`](CODE_OF_CONDUCT.md) and the process for submitting pull requests to us.



โ˜๏ธ **Auth + Sync:** Sign in and sync your data in real-time across all your devices.



**Sign in with:**



- GitHub

- Google

- Microsoft

- Email

- SSO (Single Sign-On)[^EE]



**๐Ÿ”„ Synchronize your data:** Handoff to continue tasks on your other devices.



- Workspaces

- History

- Collections

- Environments

- Settings



โœ… **Post-Request Tests:** Write tests associated with a request that is executed after the request's response.



- Check the status code as an integer

- Filter response headers

- Parse the response data

- Set environment variables

- Write JavaScript code



๐ŸŒฑ **Environments:** Environment variables allow you to store and reuse values in your requests and scripts.



- Unlimited environments and variables

- Initialize through the pre-request script

- Export as / import from GitHub gist



  Use-cases



---



- By storing a value in a variable, you can reference it throughout your request section

- If you need to update the value, you only have to change it in one place

- Using variables increases your ability to work efficiently and minimizes the likelihood of error



---



๐Ÿšš **Bulk Edit:** Edit key-value pairs in bulk.



- Entries are separated by newline

- Keys and values are separated by `:`

- Prepend `#` to any row you want to add but keep disabled



๐ŸŽ›๏ธ **Admin dashboard:** Manage your team and invite members.



- Insights

- Manage users

- Manage teams



๐Ÿ“ฆ **Add-ons:** Official add-ons for hoppscotch.



- **[Hoppscotch CLI](https://github.com/hoppscotch/hoppscotch/tree/main/packages/hoppscotch-cli)** - Command-line interface for Hoppscotch.

- **[Proxy](https://github.com/hoppscotch/proxyscotch)** - A simple proxy server created for Hoppscotch.

- **[Browser Extensions](https://github.com/hoppscotch/hoppscotch-extension)** - Browser extensions that enhance your Hoppscotch experience.



  [![Firefox](https://raw.github.com/alrra/browser-logos/master/src/firefox/firefox_16x16.png) **Firefox**](https://addons.mozilla.org/en-US/firefox/addon/hoppscotch) ย |ย  [![Chrome](https://raw.github.com/alrra/browser-logos/master/src/chrome/chrome_16x16.png) **Chrome**](https://chrome.google.com/webstore/detail/hoppscotch-extension-for-c/amknoiejhlmhancpahfcfcfhllgkpbld)



  > **Extensions fix `CORS` issues.**



_Add-ons are developed and maintained under **[Hoppscotch Organization](https://github.com/hoppscotch)**._



**For a complete list of features, please read our [documentation](https://docs.hoppscotch.io).**



## **Demo**



[hoppscotch.io](https://hoppscotch.io)



## **Usage**



1. Provide your API endpoint in the URL field

2. Click "Send" to simulate the request

3. View the response



## **Developing**



Follow our [self-hosting documentation](https://docs.hoppscotch.io/documentation/self-host/getting-started) to get started with the development environment.



## **Contributing**



Please contribute using [GitHub Flow](https://guides.github.com/introduction/flow). Create a branch, add commits, and [open a pull request](https://github.com/hoppscotch/hoppscotch/compare).



Please read [`CONTRIBUTING`](CONTRIBUTING.md) for details on our [`CODE OF CONDUCT`](CODE_OF_CONDUCT.md), and the process for submitting pull requests to us.



## **Continuous Integration**



We use [GitHub Actions](https://github.com/features/actions) for continuous integration. Check out our [build workflows](https://github.com/hoppscotch/hoppscotch/actions).



## **Changelog**



See the [`CHANGELOG`](CHANGELOG.md) file for details.



## **Authors**



This project owes its existence to the collective efforts of all those who contribute โ€” [contribute now](CONTRIBUTING.md).





  

    Contributors

  




## **License**



This project is licensed under the [MIT License](https://opensource.org/licenses/MIT) โ€” see the [`LICENSE`](LICENSE) file for details.



[^EE]: Enterprise edition feature. [Learn more](https://docs.hoppscotch.io/documentation/self-host/getting-started).