DEV Community

Cover image for I created Hoppscotch πŸ‘½ - Open source API development ecosystem
Liyas Thomas
Liyas Thomas

Posted on • Edited on

I created Hoppscotch πŸ‘½ - Open source API development ecosystem

Hoppscotch πŸ‘½

Feel free to contribute on GitHub πŸ’š

GitHub β†’ Web app β†’


In case you missed it!
Story this far: I joined Zartek, which is a start-up based in Kochi, Kerala where I work as a full-stack developer.

The story behind Hoppscotch: The very first task I was assigned is an API integration of an old project. That's when I came across Postman API testing tool. Postman has separate builds targeted to each operating system made with Electron. I use a low-end PC and can't possibly afford to run another Electron app. From that moment onwards, I wanted to make an API testing platform which is:

  • Open Sourced πŸ’š
  • Runs online
  • Have multi-platform support
  • Have multi-device support
  • Accessible from anywhere

That's how Hoppscotch was born (this is not at all an alternative to Postman - yet, it does the job very beautifully and minimally. It needs more features and love which I hope we all can give by contributing on GitHub).

When I did a background check on API request builders, Postman offered various Plans & Pricing, there were a lot of other API request builders based on cURL, etc. But none of them seems simple, minimal, and efficient.

That's why I created my own API request builder with pure JavaScript (I used Vue.js) + HTML + CSS πŸ’–

Did I mention this service is all free of charge and 100% open source? Yes, It's free and always will be.

The Hoppscotch API request builder helps you create your requests faster, saving precious time on your development.

Features πŸ”₯

  • Send requests to verify your API is ready for launch GET, PUT, POST, DELETE, OPTIONS (more coming soon)
  • Authentication support
  • Parameters support
  • Request body support
  • View Response
  • Progressive Web App support
  • UPDATE: Added History support
  • (more coming soon)

Features planned for near future for which I need your help.

  • Autocomplete
  • Code highlight in response body
  • More methods
  • ~History~ UPDATE: Added History support

🎁 Bonus: Hoppscotch is in dark mode 🌚

Demo πŸš€

Feel free to contribute on GitHub πŸ’š

GitHub logo hoppscotch / hoppscotch

Open source API development ecosystem - https://hoppscotch.io (open-source alternative to Postman, Insomnia)

Latest comments (236)

Collapse
 
rineeshch profile image
rineesh ch

Great

Collapse
 
jay2109 profile image
Jay Jain

@liyasthomas we are planning to host this project for out personal use on our server can you please send me the doc, process or the steps I can follow to do so .
Also kudos to your work its one of the best open source projects I have seen in past few days πŸ‘ŒπŸ‘ŒπŸ‘ŒπŸ‘ŒπŸ‘ŒπŸ‘πŸ»

Collapse
 
alenabraham profile image
Alen Abraham

πŸ‘Œ

Collapse
 
raisess profile image
Danilo Santana

Omg is the best websocket test app that I have ever used.

Collapse
 
liyasthomas profile image
Liyas Thomas

Thank you. Feature requests and contributions are always welcome.

Collapse
 
andreatrygit profile image
Andrea

Hi there!
Just a side question:
what driving factors made you chose Vue instead of other front end frameworks?
I ask this because Postwoman seems promising and getting traction, so that it's interesting to learn about the tech choices behind it.
Thanks in advance!
P.S. "Postwoman" is really a funny and well thought name imho

Collapse
 
liyasthomas profile image
Liyas Thomas

Actually, this is my first Vue project. I wanted to learn Vue. And "learn by doing a project" is my way of learning. That why I choose Vue.

** The initial prototype was built in a night. And I didnt had a second thought on naming.

Collapse
 
tharkis profile image
Tharkis

I started playing with this today. Great work, keep it up!

Collapse
 
liyasthomas profile image
Liyas Thomas

Thank you!

Collapse
 
v6 profile image
πŸ¦„N BπŸ›‘

How do you handle secrets management, or incorporate it into your UX work flow?

Asking for a friend... <.<

Collapse
 
liyasthomas profile image
Liyas Thomas

PW is a 100% client side rendered application. Request is API calls are made and send from client machine unless Proxy mode is toggle on.

Collapse
 
v6 profile image
πŸ¦„N BπŸ›‘

And how are the secrets / credentials / etc. handled on this client side rendered application?

E.g. if I want to use some sensitive authentication values in a header, is there a way for me to protect the protection afforded by my browser?

Collapse
 
gabrieldesousah profile image
Gabriel Henrique

Fantastic!
Have features for teams? I want to sync the collections with more people

Collapse
 
liyasthomas profile image
Liyas Thomas

Thank you!

Teams support is a WIP. We're quite slow on this though time. Hopefully will be able to complete in upcoming weeks.

Collapse
 
samhebert1 profile image
samhebert1

OBSESSED

Collapse
 
theblackpirate profile image
Raghu Sharma

the best UI implementation. awesome i hope i will also contribute to your project o
love rainbows..............

Collapse
 
liyasthomas profile image
Liyas Thomas

Thanks! Looking forward on your contributions πŸ’Žβœ¨