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)

Oldest comments (236)

Collapse
 
iarmankhan profile image
Arman Khan

Wow!! I never knew I needed this! I'll surely contribute to make this more awesome!

Collapse
 
liyasthomas profile image
Liyas Thomas

Let the earth have more people like you πŸ’š

Collapse
 
gmkumar08 profile image
Manoj Kumar

@Liyas your comments made me picture you as Lina Ginetti from Brooklyn 99 :)

Thread Thread
 
liyasthomas profile image
Liyas Thomas

I don't know who that is. And I never watched that show. Anyway I'll take it as a compliment.

Collapse
 
aminnairi profile image
Amin

That is an awesome project. You had me at only HTML CSS & JS. Bookmarked so I can help you in my spare time.

Collapse
 
sduduzog profile image
Sdu

I love this! Here's a quick thought, I didn't research this but what are implications of having server side to proxy a http request? Like a free tier on zeit.co where a requests can be handled by a lambda function and results are sent back to the client side. Full disclaimer, I googled once and got this idea so it's not something I'm proud of.

Collapse
 
liyasthomas profile image
Liyas Thomas

Will surely consider your advice. Stay tuned for future updates πŸ±β€πŸ’»

Collapse
 
andrewtheant profile image
Andrew Bastin

Umm yeah, a proxy system is something this site might need at some point. As the client side CORS policies kinda break the app (just try sending a request to google.com).

There is an active discussion going on here.

I am really loving contributing to this project.

Collapse
 
liyasthomas profile image
Liyas Thomas • Edited

Star and contribute to the project on GitHub πŸ’š

UPDATE: Added History support with session storage πŸ‘Œ
UPDATE: Added URL validation πŸ”

Huge thanks to all the contributors πŸ€—

Collapse
 
jccguimaraes profile image
JoΓ£o GuimarΓ£es

i will be glad to help in any way possible

Collapse
 
henrym2 profile image
Matthew Henry

Wahoo it's written with vue.js too! Awesome, hopefully I can make some meaningful contributions to it!

Collapse
 
liyasthomas profile image
Liyas Thomas

UPDATE: Added History support πŸ‘Œ
Suggest new features!!

Collapse
 
chiangs profile image
Stephen Chiang

Very cool!

Collapse
 
liyasthomas profile image
Liyas Thomas

Glad you liked it. Star the project on GitHub to show some love πŸ’–

Collapse
 
jeddevs profile image
Theo

Amazing!

Collapse
 
liyasthomas profile image
Liyas Thomas

Glad you liked it. Star the project on GitHub to show some love πŸ’–

Collapse
 
emma profile image
Emma Goto πŸ™

Love the name!

Collapse
 
liyasthomas profile image
Liyas Thomas

Why should boys have all the fun! 😜

Collapse
 
ffalor profile image
ffalor

Never thought of gender when I said postman. Also didn't know postman could only be used by males. (sarcasm aside) I think a unique name would make the service stand out more instead of making a statement.

Thread Thread
 
liyasthomas profile image
Liyas Thomas • Edited

I don't want to gender-ify this service. I believe a name doesn't have that much influence on determining its scope or sucess. If you would like to suggest an alternative name, go on. I'm all hears.

Thread Thread
 
ghost profile image
Ghost

I would be mildly annoyed if someone complain about postMAN, is the same with postWOMAN so keep the name, keep the good work; and if someone complains, who cares, in the web always someone is offended by something. After years in classrooms with almost 1% females still makes me happy to be able to talk nerdy and to a girl at the same time. (without sighs and eye rolls that is)

Thread Thread
 
liyasthomas profile image
Liyas Thomas

This is gold ✨

Thread Thread
 
saelfaer profile image
Sander Houttekier

Let's not make it into a gender thing ... The only reason I would probably have gone with a different name is to avoid potential legal issues. It's directly derived from the same name as the product you took the original idea from. They might not be happy as commercial product with - I say in their eyes - a clone with a similar name trying to take away their business... That Alone is way more risky than the potential gender discussion the name might be calling for

Thread Thread
 
Sloan, the sloth mascot
Comment deleted
 
gypsydave5 profile image
David Wickes

a clone

I look forward to lawyers trying to claim copyright over making an HTTP request in the browser...

That will be a more serious issue than I thought.

Rename to Postie? Or even Getperson... πŸ˜„

Thread Thread
 
liyasthomas profile image
Liyas Thomas

Let's see what future brings

Thread Thread
 
luvmulligan profile image
Litchi

I love the name Postwoman, it's awesome and really caught my attention.

Thread Thread
 
liyasthomas profile image
Liyas Thomas

That's exactly what I had in mind. Let it help you on your development period.

Thread Thread
 
ralcr profile image
Cristian Baluta • Edited

Me as an occasional user it's guaranteed i'll remember Postwoman. I don't like Postman because is using the gpu of my mac. But i'm wondering what are the limits, i know Postman is not web based because of some limitations.

Thread Thread
 
liyasthomas profile image
Liyas Thomas

Same here brother!

Thread Thread
 
v6 profile image
πŸ¦„N BπŸ›‘ • Edited

Tuppence time: I think it's a cute pun, and works well as an homage. Plus it opens the door wide for a vast array of inappropriate puns and silly jokes about Postman and Postwoman.

Like, what if there's an acquisition offer? The Register would (will?) have a field day.

And I'll just leave this here:

Only downside I can see is there might be some faffing around over copyright or people who take themselves too seriously taking the name too seriously. E.g. be prepared for the suggestions of "postwomyn" and whatnot.

Thread Thread
 
liyasthomas profile image
Liyas Thomas

NuxtJS, NextJS, NestJS.

Just saying.

Collapse
 
aasanchez profile image
Alexis SΓ‘nchez

I think the names are not antagonist each other, and as I understood wasn't a "political statement" I believe was more a "cachi" name, at the end, I think in the real word postman and now postwoman will complement each other in the dev world, as should be with everything

Thread Thread
 
liyasthomas profile image
Liyas Thomas

I love positive people like you.

Collapse
 
lesha profile image
lesha πŸŸ¨β¬›οΈ • Edited

I don't want to gender-ify this service.

But you've just did...

I believe a name doesn't have that much influence on determining its scope or sucess.

Entire companies have been born for sole purpose of inventing product branding, which includes creating an appealing name.

For many people "postwoman" is just a swing in likes of "take that, MEN" which i find, how millenials are caling it, problematic.

P.s. I believe "man" in "postman" stands for "person", not as "male"

Thread Thread
 
liyasthomas profile image
Liyas Thomas

Thanks for sharing your thoughts on this.

Thread Thread
 
daveclarke profile image
daveclarke

I foresee a name change in your near future. If Postman has received significant venture capital then they’re obliged to protect their brand. And they could have chosen a gender neutral name like Postie so we’ll done for calling them out on their name, even if not deliberate. I habit been aware that Postman uses Electron - good to know, thank you.

Thread Thread
 
liyasthomas profile image
Liyas Thomas

I don't think there's a problem with this name.

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

Thanks for giving us all your perspective.

Collapse
 
kambleaa007 profile image
Ashish Kamble

great

Collapse
 
khrome83 profile image
Zane Milakovic

Really impressive Liyas. This is really great work!

Collapse
 
liyasthomas profile image
Liyas Thomas • Edited

Glad you liked it. Leave a star on GitHub to share some love πŸ’–
If you would like to make a small donation, I'm on PayPal.

Collapse
 
errietta profile image
Erry Kostala

Very nice! Do you deal with CORS, if so how?

Collapse
 
liyasthomas profile image
Liyas Thomas

CORS is our primary concern right now. Will inform you on any update. Stay tuned. Leave a star on GitHub to share some love πŸ’–

Collapse
 
errietta profile image
Erry Kostala

Sure, will keep an eye. You'll probably need some sort of reverse proxying which is ... fun

Collapse
 
andrewtheant profile image
Andrew Bastin

There is an issue opened about CORS here...

Feel free to pitch in!!!