DEV Community

Cover image for Jamstack Open Source Projects Looking for Contributors
Rizèl Scarlett for GitHub

Posted on

Jamstack Open Source Projects Looking for Contributors

Happy Hacktober! There are only a few days left of Hacktober, but it's not too late to contribute.

Why Contribute?

  • You can win prizes.
    • This year, you can receive swag (or have a tree planted in your name) as a reward for making pull requests to projects participating in Hacktoberfest. Hint: All the projects described below are participating in Hacktoberfest and welcoming contributions.
  • You can strengthen your technical and communication skills.
  • You can expand your network.
  • You can improve your career.

If you are a fan of JavaScript, APIs, and Markup, here's a list of suggested projects you can contribute to:

Hoppscotch

What is it?

Hoppscotch is an open source API development ecosystem. Through Hoppscotch, users can test and build their APIs for free. Creator and CEO Liya Thomas developed Hoppscotch after using Postman. While his experience was positive, he was inspired to create an API testing tool with the following characteristics:

  • open source
  • free
  • runs on multiple platforms
  • runs on multiple devices
  • in-browser Read more about Liya's motivation behind Hoppscotch.

How it's built

You can access Hoppscotch in your web browser, via PWA, and as a Chrome extension. It is built using HTML, CSS, SCSS, Windi CSS, JavaScript, TypeScript, Vue, and Nuxt.

How to Contribute

If Hoppscotch has piqued your interest, take a look at the repository and Contributing.md. Currently, the repo has approximately 43 open issues, so get started and pick up an issue today!

GitHub logo hoppscotch / hoppscotch

👽 Open source API development ecosystem - https://hoppscotch.io

Hoppscotch

Hoppscotch

Open Source API Development Ecosystem

contributions welcome Website Tests Tweet



Built with ❤︎ by

contributors










Hoppscotch



We highly recommend you take a look at the Hoppscotch Documentation to learn more about the app.

Support

Chat on Discord Chat on Telegram Discuss on GitHub

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…

If you want to learn more about Hoppscotch, check out our Open Source Friday stream featuring Hoppscotch's CEO Liya Thomas and Developer Advocate Michelle Mannering.

Bltiz.js

What is it?

Developed in 2020, Blitz.js is a "Zero-API" data layer that enables users to import server-side code directly into React components instead of manually adding API endpoints, handling client-side fetching, and handling caching. Out of the box, Blitz includes ESLint, Prettier, Jest, user sign up, log in, and password reset. The creator, Brandon Bayer, appreciated that Ruby-on-Rails has all the tools he needed to create web apps quickly but preferred React's dynamic UI. Instead of just wishing that React came with these tools out of the box, he developed Blitz.js. Read the manifesto to learn more about how Blitz.js works.

Create Your Own Blitz App

You can create a Blitz.js application by running the following commands:

  • blitz new myAppName
  • cd myAppName
  • blitz dev

Here are working examples of Blitz.js in action.

How to Contribute

If Blitz.js has piqued your interest, take a look at the repository and Contributing.md. Currently, the repo has approximately 130 open issues, so get started and pick up an issue today!

GitHub logo blitz-js / blitz

⚡️ The Missing Fullstack Toolkit for Next.js

Blitz.js

The Missing Fullstack Toolkit for Next.js

Quick Start

Install Blitz

Run npm install -g blitz or yarn global add blitz

You can alternatively use npx

Create a New App

  1. blitz new myAppName
  2. cd myAppName
  3. blitz dev
  4. View your brand new app at http://localhost:3000

Welcome to the Blitz Community 👋

The Blitz community is warm, safe, diverse, inclusive, and fun! LGBTQ+, women, and minorities are especially welcome. Please read our Code of Conduct.

Join our Discord Community where we help each other build Blitz apps. It's also where we collaborate on building Blitz itself.

For questions and longer form discussions, post in our forum.

There's still a lot of work to do, so you are especially invited to join us in building Blitz! A good place to start is The Contributing Guide.


Financial Contributors

Your financial contributions help ensure Blitz continues to be developed and maintained! We have…


If you want to learn more about Blitz.js, check out our Open Source Friday stream featuring Blitz.js's CEO, Brandon Bayer, and GitHub's Director of Developer Advocacy, Brian Douglas.

Ngrx

What is it?

Ngrx enables developers to add reactive state management to Angular applications. It’s a group of Angular libraries, which provides standardized APIs for reactive programming.Through reactive programming, your application listens and subscribes to events within your application. People often use Ngrx because it reduces complexity and coupling between different elements of the app by creating a unidirectional flow. The architecture is also made simple by following the Redux pattern.

How to Contribute

If Ngrx has piqued your interest, take a look at the repository and Contributing.md. Currently, the repo has approximately 38 open issues, so get started and pick up an issue today!

GitHub logo ngrx / platform

Reactive State for Angular

@ngrx

Reactive State for Angular

CircleCI Join the discord server at https://discord.com/invite/ngrx Commitizen friendly npm version

Documentation

Check out our website: ngrx.io.

Contributing

NgRx is a community-driven project. Read our contributing guidelines on how to get involved.

Sponsoring NgRx

Sponsorships aid in the continued development and maintenance of NgRx libraries, along with supporting core contributors on the project. Consider asking your company to sponsor NgRx as its core to their business and application development.

Gold Sponsors

NxDevTools logo

Become a gold sponsor and get your logo on our README on GitHub and the front page of ngrx.io.

Silver Sponsors

Become a silver sponsor and get your logo on our README on GitHub.

Bronze Sponsors

House of Angular

Become a bronze sponsor and get your logo on our README on GitHub.

Enterprise Support

If your team or your company is looking for more hands-on support such as training or workshops, check out our Enterprise Support page.




If you want to learn more about Ngrx, check out our Open Source Friday stream featuring Ngrx maintainer Brandon Roberts and GitHub's Director of Developer Advocacy, Brian Douglas.

Latest comments (0)