[GH-ISSUE #1190] Kick off Hacktoberfest 👩‍💻👨‍💻👌 with the next best thing DEVs will ❤️ #409

Closed
opened 2026-03-16 15:10:15 +03:00 by kerem · 19 comments
Owner

Originally created by @liyasthomas on GitHub (Sep 27, 2020).
Original GitHub issue: https://github.com/hoppscotch/hoppscotch/issues/1190

Are you looking to contribute to an open source project in this Hacktoberfest? or want to get started with latest technologies like VueJS & NuxtJS?

We're developing Hoppscotch, an open source API request builder for the web, and would love to count you as a contributor to improve our components & applications.

Web app: hoppscotch.io
GitHub: @hoppscotch

24k+ stars on GitHub • # 2 product of the day on Product Hunt • featured in Indie Hackers, Hacker news, Hacker noon, YouTube & open source podcast etc.

Get started 🚀

As the project’s size grew quite a bit the past couple of months, you might ask yourself, where to get started 🤔?

Meet the technology stack:

  1. HTML + SCSS + JavaScript
  2. NuxtJS: The Intuitive Vue Framework
  3. TailwindCSS

Check out How to set-up Hoppscotch development environment in 5 mins →

1. Codegen

At Hoppscotch, we want to help developers to go from discovering an API to experimenting with it and then to make actually using the API in their code as frictionless as possible. To support that, Hoppscotch had the ability to generate code for JavaScript (XHR and Fetch API) and cURL. We recognize that a lot of devs of different backgrounds use Hoppscotch. So recently, we modularized and separated the code generation system (only for REST currently, WS and GraphQL coming soon!) into different code generator modules which can be easily added to and extended upon.

As a result now one can easily add code generation for multiple programming languages (and/or libraries, or even programs), even if you don't have much knowledge about the rest of the Hoppscotch codebase.

How to add your own code generator?

Step 1: Create a code generator object

Code generator objects are placed on helpers/codegen/generators folder, they have a specified id, name (display name) and a generator function which has a parameter, context containing all the data about the request (refer, the existing generators to see which all data is available). The generator function should at the end return a string which is the final generated request code. The generator functions do not currently offer async support, but if you want async support, ping @AndrewBastin.

Step 2: Register your new codegen object

Registration of the valid code generators are done through the helpers/codegen/codegen.js file. Just import your codegen object in the file and add it to the codegens array.

Once that is done, your code generator will be made available in the Generate Code dialog as usual.

Last step: run npm run test to confirm all tests are passing with your addition.

Any specific platforms ?

Although our goal is to eventually provide support for possibly all programming languages/libraries/programs. We would really love to see these platforms implemented.

Language Variant
HTTP HTTP
PHP pecl_http
PHP HTTP_Request2
Swift URLSession
Example contributions:

But even if it is not in this list, we would really love it to be included. So do not be discouraged. Please do make a PR for adding support to your platform of your choice.

2. i18n - Internationalization

View detailed instructions →

3. Issues - Bugs and fixes

For the purpose of this first experience, we've have selected the issues tagged #hacktoberfest which we're hoping to implement during this span on a month.

Here are some issues/feature requests to start with:

Check out the issues tab for more 😋 or alternatively you can create new features (and prolly PRs 😉) or optimize any existing functions/routines.

4. Tests

If you're interested in writing tests, contribute to our test cases. We're using Jest for testing. Ping @AndrewBastin for any help.

5. Beta testers

If you have general feedback, please reply here.

View detailed instructions →

Feel free to ping us on Discord or Telegram for any help.

Cherry on the cake 🍒🎂

Beside unlocking some karma points, you know what would be cool with your contributions 🤔? All the improvements you'll submit will not only have effect to the components, but also they'll have an impact on open source dev community & be included in our live platform used by 80k+ users. Kind of cool to know that something you would develop will for sure be available in an online live application! isn’t it?

Hacktoberfest 🐙

Support open source and pick a limited edition T-shirt 👕 or plant a tree! 🌱

Rules:
To qualify for the official limited edition Hacktoberfest shirt, you must register and make four pull requests (PRs) between October 1-31 (in any time zone). PRs can be made to any public repo on GitHub, not only the ones with issues labeled Hacktoberfest. This year, the first 70,000 participants who successfully complete the challenge will earn a Hacktoberfest tee or plant a tree.

Happy hacking ❤️

If you've read this far, thank you for taking time out to participate ❤️. Feel free to ping @liyasthomas / @AndrewBastin for any help.

Originally created by @liyasthomas on GitHub (Sep 27, 2020). Original GitHub issue: https://github.com/hoppscotch/hoppscotch/issues/1190 ### Are you looking to contribute to an open source project in this Hacktoberfest? or want to get started with latest technologies like VueJS & NuxtJS? We're developing Hoppscotch, an open source API request builder for the web, and would love to count you as a contributor to improve our components & applications. Web app: [hoppscotch.io](http://hoppscotch.io) GitHub: @hoppscotch _24k+ stars on GitHub • # 2 product of the day on Product Hunt • featured in Indie Hackers, Hacker news, Hacker noon, YouTube & open source podcast etc._ ## **Get started 🚀** As the project’s size grew quite a bit the past couple of months, you might ask yourself, where to get started 🤔? **Meet the technology stack:** 0. HTML + SCSS + JavaScript 1. [NuxtJS: The Intuitive Vue Framework](https://nuxtjs.org) 2. [TailwindCSS](https://tailwindcss.com) Check out [How to set-up Hoppscotch development environment in 5 mins →](https://github.com/hoppscotch/hoppscotch#browser-based-development-environment) ## 1. Codegen At Hoppscotch, we want to help developers to go from discovering an API to experimenting with it and then to make actually using the API in their code as frictionless as possible. To support that, Hoppscotch had the ability to generate code for JavaScript (XHR and Fetch API) and cURL. We recognize that a lot of devs of different backgrounds use Hoppscotch. So recently, we modularized and separated the code generation system (only for REST currently, WS and GraphQL coming soon!) into different code generator modules which can be easily added to and extended upon. As a result now one can easily add code generation for multiple programming languages (and/or libraries, or even programs), even if you don't have much knowledge about the rest of the Hoppscotch codebase. ### How to add your own code generator? #### Step 1: Create a code generator object Code generator objects are placed on [`helpers/codegen/generators`](https://github.com/hoppscotch/hoppscotch/tree/master/helpers/codegen/generators) folder, they have a specified `id`, `name` (display name) and a generator function which has a parameter, `context` containing all the data about the request (refer, the existing generators to see which all data is available). The generator function should at the end return a string which is the final generated request code. The generator functions do not currently offer async support, but if you want async support, ping @AndrewBastin. #### Step 2: Register your new codegen object Registration of the valid code generators are done through the [`helpers/codegen/codegen.js`](https://github.com/hoppscotch/hoppscotch/blob/master/helpers/codegen/codegen.js) file. Just import your codegen object in the file and add it to the `codegens` array. Once that is done, your code generator will be made available in the `Generate Code` dialog as usual. Last step: run `npm run test` to confirm all tests are passing with your addition. ### Any specific platforms ? Although our goal is to eventually provide support for possibly all programming languages/libraries/programs. We would really love to see these platforms implemented. | Language | Variant | |-----------|---------------| | HTTP | HTTP | | PHP | pecl_http | | PHP | HTTP_Request2 | | Swift | URLSession | <details> <summary> <b>Example contributions:</b> </summary> - [JavaScript Axios](https://github.com/hoppscotch/hoppscotch/pull/1199) by @cchalop1 on #1199 - [Javascript jQuery](https://github.com/hoppscotch/hoppscotch/pull/1232) by @piraces on #1232 - [Go Native](https://github.com/hoppscotch/hoppscotch/pull/1215) by @saswatamcode on #1215 - [NodeJs Request](https://github.com/hoppscotch/hoppscotch/pull/1227) by @YasiOnFire on #1227 - [NodeJs Native](https://github.com/hoppscotch/hoppscotch/pull/1249) by @yq314 on #1249 - [NodeJs Unirest](https://github.com/hoppscotch/hoppscotch/pull/1308) by @guptajyoti845 on #1308 - [PowerShell RestMethod](https://github.com/hoppscotch/hoppscotch/pull/1233) by @piraces on #1233 - [PHP cURL](https://github.com/hoppscotch/hoppscotch/pull/1238) by @YasiOnFire on #1238 - [Python Requests](https://github.com/hoppscotch/hoppscotch/pull/1244) by @yq314 on #1244 - [Python http.client](https://github.com/hoppscotch/hoppscotch/pull/1252) by @luthrap on #1252 - [Shell wget](https://github.com/hoppscotch/hoppscotch/pull/1256) by @piraces on #1256 - [C# RestSharp](https://github.com/hoppscotch/hoppscotch/pull/1259) by @Ldoppea on #1259 - [Ruby Net:HTTP](https://github.com/hoppscotch/hoppscotch/pull/1284) by @bsinky on #1284 - [Salesforce Apex](https://github.com/hoppscotch/hoppscotch/pull/1285) by @silentmatt on #1285 - [Shell Httpie](https://github.com/hoppscotch/hoppscotch/pull/1290) by @bsinky on #1290 - [Java OkHttp](https://github.com/hoppscotch/hoppscotch/pull/1300) by @shalika10 on #1300 - [Java Unirest](https://github.com/hoppscotch/hoppscotch/pull/1301) by @mrkunal on #1301 - [C libcurl](https://github.com/hoppscotch/hoppscotch/pull/1307) by @patidar-jaishree on #1307 </details> But even if it is not in this list, we would really love it to be included. So do not be discouraged. Please do make a PR for adding support to your platform of your choice. ## 2. i18n - Internationalization [`View detailed instructions →`](https://github.com/hoppscotch/hoppscotch/blob/master/TRANSLATIONS.md) ## 3. Issues - Bugs and fixes For the purpose of this first experience, we've have selected the issues tagged [`#hacktoberfest`](https://github.com/hoppscotch/hoppscotch/issues?q=is%3Aissue+is%3Aopen+label%3Ahacktoberfest+sort%3Aupdated-desc) which we're hoping to implement during this span on a month. **Here are some issues/feature requests to start with:** - #1196 — [Add session persistence to realtime tabs](https://github.com/hoppscotch/hoppscotch/issues/1196) — _Easy_ - #1110 — [Collapsed Editor can be resized and dragging down doesn't increase code view](https://github.com/hoppscotch/hoppscotch/issues/1110) — _Easy_ - #392 — [Configuration client certificates for SSL](https://github.com/hoppscotch/hoppscotch/issues/392) — _Medium_ - #870 — [Sync Collections with Git repo](https://github.com/hoppscotch/hoppscotch/issues/870) — _Medium_ - #933 — [Support header manipulation and pre-request scripting while establishing websocket connection](https://github.com/hoppscotch/hoppscotch/issues/933) — _Medium_ Check out the [issues](https://github.com/hoppscotch/hoppscotch/issues?q=is%3Aopen) tab for more 😋 or alternatively you can create new features (and prolly PRs 😉) or optimize any existing functions/routines. ## 4. Tests If you're interested in writing tests, contribute to our test cases. We're using [Jest](https://jestjs.io) for testing. Ping @AndrewBastin for any help. ## 5. Beta testers If you have general feedback, [please reply here](https://github.com/hoppscotch/hoppscotch/issues/1002). [`View detailed instructions →`](https://github.com/hoppscotch/hoppscotch/issues/1002) **Feel free to ping us on [Discord](https://discord.gg/GAMWxmR) or [Telegram](https://t.me/hoppscotch) for any help.** ## **Cherry on the cake 🍒🎂** Beside unlocking some karma points, you know what would be cool with your contributions 🤔? All the improvements you'll submit will not only have effect to the components, but also they'll have an impact on open source dev community & be included in our live platform used by 80k+ users. Kind of cool to know that something you would develop will for sure be available in an online [live application](https://hoppscotch.io)! isn’t it? ## **Hacktoberfest 🐙** **Support open source and pick a limited edition T-shirt 👕 or plant a tree! 🌱** **Rules:** To qualify for the official limited edition Hacktoberfest shirt, you must [register](https://hacktoberfest.digitalocean.com) and make four pull requests (PRs) between October 1-31 (in any time zone). PRs can be made to any public repo on GitHub, not only the ones with issues labeled Hacktoberfest. This year, the first 70,000 participants who successfully complete the challenge will earn a Hacktoberfest tee or plant a tree. ## **Happy hacking ❤️** _If you've read this far, thank you for taking time out to participate ❤️. Feel free to ping @liyasthomas / @AndrewBastin for any help._
kerem 2026-03-16 15:10:15 +03:00
Author
Owner

@luthrap commented on GitHub (Oct 4, 2020):

I can pick up code generator for python

<!-- gh-comment-id:703304410 --> @luthrap commented on GitHub (Oct 4, 2020): I can pick up code generator for python
Author
Owner

@AndrewBastin commented on GitHub (Oct 4, 2020):

I can pick up code generator for python

Go for it @luthrap

<!-- gh-comment-id:703306742 --> @AndrewBastin commented on GitHub (Oct 4, 2020): > I can pick up code generator for python Go for it @luthrap
Author
Owner

@liyasthomas commented on GitHub (Oct 6, 2020):

I can pick up code generator for python

Hi @luthrap , Python Requests codegen has been contributed by @yq314 on #1244. You can look into Python http.client codegen. Happy hacking.

<!-- gh-comment-id:704433928 --> @liyasthomas commented on GitHub (Oct 6, 2020): > I can pick up code generator for python Hi @luthrap , Python Requests codegen has been contributed by @yq314 on #1244. You can look into `Python http.client` codegen. Happy hacking.
Author
Owner

@luthrap commented on GitHub (Oct 7, 2020):

sure, will pick http.client

<!-- gh-comment-id:704729497 --> @luthrap commented on GitHub (Oct 7, 2020): sure, will pick http.client
Author
Owner

@shalika10 commented on GitHub (Oct 9, 2020):

Hey i want to pick code generator for java ,please assign it to me

<!-- gh-comment-id:706022108 --> @shalika10 commented on GitHub (Oct 9, 2020): Hey i want to pick code generator for java ,please assign it to me
Author
Owner

@liyasthomas commented on GitHub (Oct 9, 2020):

@shalika10 go for it 👌

<!-- gh-comment-id:706022674 --> @liyasthomas commented on GitHub (Oct 9, 2020): @shalika10 go for it 👌
Author
Owner

@piraces commented on GitHub (Oct 9, 2020):

Hey, can I take the shell with wget generator?

<!-- gh-comment-id:706183716 --> @piraces commented on GitHub (Oct 9, 2020): Hey, can I take the `shell` with `wget` generator?
Author
Owner

@liyasthomas commented on GitHub (Oct 9, 2020):

@piraces yeah sure

<!-- gh-comment-id:706184657 --> @liyasthomas commented on GitHub (Oct 9, 2020): @piraces yeah sure ✨
Author
Owner

@Ldoppea commented on GitHub (Oct 9, 2020):

Hi,

I would like to try implementing the C# one. Did someone already start to work on it?

<!-- gh-comment-id:706398014 --> @Ldoppea commented on GitHub (Oct 9, 2020): Hi, I would like to try implementing the C# one. Did someone already start to work on it?
Author
Owner

@liyasthomas commented on GitHub (Oct 9, 2020):

@Ldoppea you can work on C# codegen.

<!-- gh-comment-id:706444195 --> @liyasthomas commented on GitHub (Oct 9, 2020): @Ldoppea you can work on C# codegen.
Author
Owner

@Ldoppea commented on GitHub (Oct 9, 2020):

Great, i'll do it this week end 😃

<!-- gh-comment-id:706445449 --> @Ldoppea commented on GitHub (Oct 9, 2020): Great, i'll do it this week end 😃
Author
Owner

@florinmirosnicencu commented on GitHub (Oct 12, 2020):

I want to pick up the codegen for pecl_http (PHP)

<!-- gh-comment-id:706898374 --> @florinmirosnicencu commented on GitHub (Oct 12, 2020): I want to pick up the codegen for pecl_http (PHP)
Author
Owner

@guptajyoti845 commented on GitHub (Oct 14, 2020):

Hello I want to pick code generator for nodejs unirest, please do assign to me

<!-- gh-comment-id:708535165 --> @guptajyoti845 commented on GitHub (Oct 14, 2020): Hello I want to pick code generator for nodejs unirest, please do assign to me
Author
Owner

@liyasthomas commented on GitHub (Oct 14, 2020):

@guptajyoti845 go for it 👍

<!-- gh-comment-id:708535778 --> @liyasthomas commented on GitHub (Oct 14, 2020): @guptajyoti845 go for it 👍
Author
Owner

@silentmatt commented on GitHub (Oct 17, 2020):

For HTTP, are you looking for the raw text that would be sent in the request? i.e. something like

GET /path?parameters HTTP/1.1
Host: domain.tld
...
<!-- gh-comment-id:710761773 --> @silentmatt commented on GitHub (Oct 17, 2020): For HTTP, are you looking for the raw text that would be sent in the request? i.e. something like GET /path?parameters HTTP/1.1 Host: domain.tld ...
Author
Owner

@mrkunal commented on GitHub (Oct 20, 2020):

Hello I want to pick code generator for java unirest, please do assign to me
This is my first issue

<!-- gh-comment-id:713004177 --> @mrkunal commented on GitHub (Oct 20, 2020): Hello I want to pick code generator for java unirest, please do assign to me This is my first issue
Author
Owner

@liyasthomas commented on GitHub (Oct 20, 2020):

@mrkunal go for it 🚀

<!-- gh-comment-id:713004762 --> @liyasthomas commented on GitHub (Oct 20, 2020): @mrkunal go for it 🚀
Author
Owner

@patidar-jaishree commented on GitHub (Oct 29, 2020):

Hey I want to pick code generator for C (LibCurl) ,please assign it to me

<!-- gh-comment-id:718529907 --> @patidar-jaishree commented on GitHub (Oct 29, 2020): Hey I want to pick code generator for C (LibCurl) ,please assign it to me
Author
Owner

@liyasthomas commented on GitHub (Nov 2, 2020):

Hi hackers,

Thank you so much for the all #Hacktoberfest contributions 🎃🎉

Keep contributing to open source 👋👋

<!-- gh-comment-id:720440578 --> @liyasthomas commented on GitHub (Nov 2, 2020): #### Hi hackers, ### Thank you so much for the all #Hacktoberfest contributions 🎃🎉 Keep contributing to open source 👋👋
Sign in to join this conversation.
No milestone
No project
No assignees
1 participant
Notifications
Due date
The due date is invalid or out of range. Please use the format "yyyy-mm-dd".

No due date set.

Dependencies

No dependencies set.

Reference
starred/hoppscotch#409
No description provided.