Your Web News in One Place

Help Webnuz

Referal links:

Sign up for GreenGeeks web hosting
October 9, 2022 01:20 pm GMT

How OpenSource Contribution Can Change Your Life

As we all know Hacktoberfest has already started and people are celebrating OpenSource by contributing to the OpenSource Project with a variety of contributions.

I have been contributing to OpenSource Project for one and a half years, which has helped me immensely in my professional and personal growth. So today I would like to share my OpenSource journey and how it has changed my life with the help of this article.

How it started

It all started with this YouTube video Free GitHub Bootcamp tutorial where I learned about github and OpenSource contribution. This video stimulated me to explore more about OpenSource and how can I contribute to OpenSource projects.

At the same time, I was also learning Django so I started finding a project which is based on Django. After exploring and spending some time on the github I found one project MumbleAPI (Backend/API for the mumble. dev, an OpenSource social media application).

GitHub logo divanov11 / mumbleapi

Backend/API for the Mumble.dev, an open source social media application.

API

Welcome to the Mumble Api Repository

Mumble CommunityMumble SQL DiagramMumble


Getting Started

If you are trying to use this project for the first time, you can get up and running by following these steps.

To contribute to this project, please see the contributing guidelines.

Note, this step assumes you are using github ssh keys for the git clone method

The Mumble Diagram

--> Preview :


--> Full View:

You can see clearly the diagram at :

Requirements

Install and

I had a project to contribute, but what to contribute was not clear. with the help of the project readme guide, I was able to set up the project locally. then I started exploring the project and finally found one thing where I can make my first contribution.

They had the API but documentation was missing, so I decided to make a contribution and add documentation for it.

Here is My First Pull Request, My First OpenSource Contribution

GitHub logo Added API schema and documentation #100

Describe your changes :


I worked on the API documentation and schema because it is mandatory to have good documentation of An API.

Type of change :

  • [x] New feature

Preview (Screenshots) :

MumbleAPI-Doc

Checklist:

  • [x] I have read the Code Of Conduct document.
  • [x] I have read the CONTRIBUTING document.
  • [x] I have performed a self-review of my own.
  • [x] I have tagged my reviewers below.
  • [x] I have commented my code, particularly in hard-to-understand areas.
  • [x] My changes generate no new warnings.
  • [x] I have added tests that prove my fix is effective or that my feature works.
  • [x] All new and existing tests passed.

Reviewers

Documentation: @midouwebdev, @abhivemp

I wanted to contribute more, and collaborate with more people. So I joined the EddieHub Community, where I learned the exact meaning of OpenSource and it was really simple Collaboration 1st, Code 2nd!.

EddieHub GitHub

Community of inclusive Open Source people - Collaboration 1st, Code 2nd! Join our GitHub Org - EddieHub

favicon github.com

I must say EddieHub Community is one of the great OpenSource communities, it provides you with the environment to grow as an OpenSource contributor and enhance your skills.
Thanks to Eddie Jaoude for building such a great community.

How I got my first job with the help of OpenSource Contribution

I would like to talk about this part because it is a common misconception that OpenSource contributions are not taken into consideration when applying for a job.

I began contributing to more OpenSource projects after my first contribution. My OpenSource work gave me a lot of confidence so I wrote OpenSource Contributor along with the names of the projects I contributed to in my resume.

Despite the job experience requirement, I was actively applying for jobs on LinkedIn. In the same way, I applied for Deuex Solutions Pvt Ltd and got a call from HR saying your resume has been shortlisted. If you respond to the mail, we will schedule an interview.

The interview was scheduled and I gave it, it went well, and I was selected. I got to know that my resume got selected because of the OpenSource Contributor part that I had in my resume after two months when I was in the office.

Thanks to Saloni Shah and Sanket Shah for providing me with this opportunity.

This is a sort summary of How I got my first job with the help of OpenSource Contribution

Things I learned from OpenSource Contribution

The first thing I would like to mention is that when you contribute to OpenSource, you learn something new or improve your existing skills.

The following things I learned from the OpenSource Contribution

  • How to work with different people
  • How to explain things to others
  • How to ask for help
  • How to help others
  • How to learn from other people's work
  • How to gain more experience from the process

The above learnings have helped me a lot in professional as well as personal growth.

Projects I have contributed to

In the span of one and a half years, I have contributed to many OpenSource Projects here are a few of them.

Sachin-chaurasiya (Sachin Chaurasiya) GitHub

Software Engineer , Technical Blogger and Open-Source Contributor @open-metadata @EddieHubCommunity @reactplay - Sachin-chaurasiya

favicon github.com

OpenMetadata

Open Standard for Metadata. A Single place to Discover, Collaborate and Get your data right.

GitHub logo open-metadata / OpenMetadata

Open Standard for Metadata. A Single place to Discover, Collaborate and Get your data right.

OpenMetadata

Build StatusQuality Gate StatusReleaseGitHub commit activityTwitter FollowJoin us on SlackLicense

What is OpenMetadata?

OpenMetadata is an all-in-one platform for data discovery, data lineage, data quality, observability, governance, and team collaboration. It is one of the fastest growing open-source projects with a vibrant community and adoption by a diverse set of companies in a variety of industry verticals. Powered by a centralized metadata store based on Open Metadata Standards/APIs, supporting connectors to a wide range of data services, OpenMetadata enables end-to-end metadata management, giving you the freedom to unlock the value of your data assets.

OpenMetadata includes the following:

  • Metadata Schemas - Defines core abstractions and vocabulary for metadata with schemas for Types, Entities, Relationships between entities. This is the foundation of the Open Metadata Standard. Also supports extensibility of entities and types with custom properties.

  • Metadata Store - Stores metadata graph that connects data

ReactPlayIO

An Opensource platform for React developers to learn, create and share ReactJS Projects.

GitHub logo reactplay / react-play

react-play is an opensource platform that helps you learn ReactJS faster with hands-on practice model. It is a collection of projects that you can use to learn ReactJS.

ReactPlay(Repo: react-play)

All Contributors

react-play

Learn . Create . Share about your ReactJS Development Journey

react-play licencereact-play forksreact-play starsreact-play issuesreact-play pull-requests

View Demo Report Bug Request Feature

Introducing ReactPlay

name

react-play is an open-source web app that helps you learn ReactJS faster with a hands-on practice model. It is a collection of ReactJS projects that you can use to learn ReactJS.

Is that all? Nope. You can also create your projects and share them with the world. The best part is that the ReactJS experts will review your project code before it gets part of the ReactPlay app. Isn't that a pure WIN-WIN?

Demo

Here is the link to the app. We hope you enjoy it.

The ReactPlay app Link

Who doesn't want motivation and support? Many Thanks to all the Stargazers who have supported this project with stars(). You all are amazing!!!

Stargazers repo roster for @reactplay/react-play

Please support the work by giving the repository a

LinkFree

OpenSource alternative to LinkTree

GitHub logo EddieHubCommunity / LinkFree

Open source alternative to LinkTree

Open in GitPod Uptime License: MIT GitHub release (latest by date)

Note

  • To add your profile use the main branch
  • To add new features use nextjs as we are migrating from React to NextJS

Warning (2)

Your profile will need to be deployed to appear, we try to collect a few together before deploying

A note for Hacktoberfest participants:

  • Pull requests which add or edit your information in a public/data/${yourname}.json file will NOT be counted for Hacktoberfest.
  • Pull requests which improve the codebase, documentation, or other aspects of the project and are in line with the core values of the event will count. Maintainers will opt-in these PRs by applying the hacktoberfest-accepted label.

LinkFree by EddieHub

  • LinkFree connects audiences to all of your content with just one link. It is an open-source alternative to Linktree implemented in JavaScript.
  • It was initially created on a YouTube live stream.

Eddie Jaoude's LinkFree profile GIF

Example using Gitpod, ephemeral dev environment in the cloud (free)

Gitpod GIF with progress bar

Demo

Check

OpenMetadata Docs

OpenMetadata docs page source code

GitHub logo open-metadata / docs

OpenMetadata docs page source code

OpenMetadata Docs

This is the main repository hosting the core implementation of the OpenMetadata docs.

The end-to-end setup is showcased in the figure below:

setup

Then, the process of contributing to the docs depends on whether you are a core contributor and need to update the layout, components, styles, etc. or you are a content contributor.

I am a Content Contributor

Your role here is to update the markdown files and menu, i.e., anything content related without needing core changes in terms of layout, landing page, components...

Start the docs server

From the OpenMetadata repository, run make docker-docs. This will pull the latest published image from our docs in development mode. It also runs the container passing some volumesthat will pick up the content of the files under openmetadata-docs. In there, you will find all the directories with content you might ever need to change:

  • content/ for the

HackRPlay

Hack-R-Play is an initiative from the ReactPlay platform to help you hack, build, learn, and simultaneously contribute to OpenSource through hacktoberfest.

GitHub logo reactplay / activities

This project contains the code of the activities(hustles) webapp of ReactPlay.

Activities

A reactplay hustle

This is a Next.js project

Getting Started

  1. Install dependencies

    yarn

    Note: We do check in yarn.lock file. So it's advised to use yarn package manager. If you need to use any other package manager, remove yarn.lock file from the local directory first. Also, do not check in any other lock file.

  2. Create a .env file at the root of your project folder with the following content,

    NEXT_PUBLIC_NHOST_BACKEND_URL=https://rgkjmwftqtbpayoyolwh.nhost.runNEXT_PUBLIC_NHOST_SUBDOMAIN=rgkjmwftqtbpayoyolwhNEXT_PUBLIC_NHOST_REGION=ap-southeast-1NEXT_PUBLIC_NHOST_PROTOCOL=httpsNEXT_PUBLIC_NHOST_SERVER=rgkjmwftqtbpayoyolwh.nhost.runNEXT_PUBLIC_NHOST_VERSION=v1NEXT_PUBLIC_NHOST_ENDPOINT=graphqlNEXT_PUBLIC_DEV_PORT=3000NEXT_PUBLIC_PROTOCOL=httpNEXT_PUBLIC_HACKATHON_ID=e606ae64-7c92-4344-94ad-4d0684458bcfNEXT_PUBLIC_HACKATHON_SUBMIT_STATUS_ID=ec1c0649-3b65-4809-92cf-9c4a6abdff1b
  3. Run the development server:

    npm run dev# oryarn dev
  4. See you application runningOpen http://localhost:3000 with your browser to see the result.

React-awesome-shapes

Insert Awesome Shapes into Your React Site with Ease.

GitHub logo ashutosh1919 / react-awesome-shapes

Insert Awesome Shapes into Your React Site with Ease.

preview

React Awesome Shapes

Insert Awesome Shapes into Your React Site with Ease.

NodeJS NPM code style: prettier
Netlify Status License Maintenance Website Price

Loved the project? Please consider donating to help it improve!

Consider following DevSense on YouTube.

If you want to discuss about something, then you can ask on official Discord Server.

Star us on GitHub it helps

Getting Started

The easiest way to use one of the shapes from Awesome Shapes is to install the NPM package and import the particular shape to use it.

Install NPM Package

npm install react-awesome-shapes

Import And Use

import { ShapeName } from "react-awesome-shapes";...function ShapeComponent(props) {    return (        ...        <ShapeName {...passParametersToCustomise} />        ...    );}export default ShapeComponent;

The shapes are very easier to import and use wherever you want and in any web framework that uses NPM.
You can set different sizes

I thank you for reading it to this point. In the next part, I will share other aspects of the project to contribute and the perks of OpenSource Contribution.

OpenSource Contribution is not only about coding

When I was exploring the OpenSource projects, I had a very common misconception that OpenSource is only about coding. but after contributing to one or two projects I got to know that there are other parts of the project where I can do my contribution.

The following are the other aspects of the project to contribute.

  • If you like planning events you can help the project to organize the workshop or meetup
  • You can help with the design by creating a style guide to help the project have a consistent design.
  • You can write and improve the project documentation and You can write tutorials about the project.
  • You can test the project and create an issue if any or You can request a new feature.
  • You can help the project community by answering questions or moderating the discussion channels.
  • You can review other people's submissions and provide valuable feedback

Perks of OpenSource Contribution

  • When you contribute to OpenSource, you learn something new or improve your existing skills.
  • In the OpenSource project, you work with different people, which means you will have to explain how things work and ask other people for help.
  • It gives you an opportunity to see how others work and do things, which helps you gain more experience in the process.

Summary

Learning, teaching, and building experience can all be gained through contributing to OpenSource.

And thats it for this topic. Thank you for reading.

Connect with me

LinkedIn | Twitter


Original Link: https://dev.to/sachinchaurasiya/how-opensource-contribution-can-change-your-life-3nj3

Share this article:    Share on Facebook
View Full Article

Dev To

An online community for sharing and discovering great ideas, having debates, and making friends

More About this Source Visit Dev To