DEV Community

Cover image for My Hacktoberfest 2021 experience
D'yara Williams
D'yara Williams

Posted on

My Hacktoberfest 2021 experience

Hacktoberfest 2021 Recap

Hello to everyone reading this. 👋🏽 This was my first year participating in the seasonal event, and it was very exciting and fun for me. I enjoyed searching for an open-source project to contribute to while challenging myself to learn a new framework during the process. Being a first-timer I spent a lot of time getting to know what open-source is and how to be a participant.

Some helpful sites that helped me to find which issues on repos to contribute to.

Tech Stack used during this event:

  • HTML5, CSS3, Javascript, NextJS, Java, and Jekyll

Here is a list of my accepted contributions and what I contributed:

Vovoca: ⭐This is a Music Player and streaming app for royalty-free music, we call it VOVOCA⭐

GitHub logo varun-singhh / vovoca

⭐This is a Music Player and streaming app for royalty-free music, we call it VOVOCA⭐

Forks Stargazers Issues MIT License

Capture

What is VOVOCA?

Vovoca is an online music streaming and downloading website, and the coolest feature of this website is, one can download royalty free music and no credits required for the same, we provide for free just because your creativity never stops .

Features of Vovoca:

  • Trednding Music
  • Lastest Music
  • Upload Music
  • Download Music
  • Share Music

⭐ Demo Try Now !!

⭐ Express Backend Contribute Now !!

⭐ Upcomig Features Read Now !!

Is there Any Authentication?

Yes Vovoca is authenticated and takes care of your personal info privacy, although songs uploaded by you will be available for everyone to listen and download

Dependencies used:

- Next JS
- React Redux
- Redux
- React Modal
- React H5 Audio Player
- React Spinner
- React Toastify
- React Icons
- React Responsive

screen-capture-1

#How to Begin First, run the development server:

npm run dev
# or
yarn dev
Enter fullscreen mode Exit fullscreen mode

Install…

The issue I found was Add Contributors Section. The maintainer wanted to add a developers section for contributors in their web app.

Add Contributors Section #60

Since we are having developers section in our web App. Requirements:

  • Developers should be changed as Team in Navigation Tab
  • In the Developers page add new section Contributors below the Developer Sections
Requirements:
  • Developers should be changed to Team in Navigation Tab
    On the Developers page add new section Contributors below the Developer Sections.

  • I was also asked if this section of contributors could be dynamic by utilizing Github API.

Add Contributors Section #76

Requirements:

  • [x] Developers should be changed as Team in Navigation Tab #60
  • [x] In the Developers page add new section Contributors below the Developer Sections

Java: A beginner-friendly repo that features programs in Java.

GitHub logo PrajaktaSathe / Java

Includes programs written in Java. You are welcome to contribute here!

Java

What does this repository contain?

This is a beginner-friendly repository which features programs in Java.

Can I contribute?

Yes! 😄 you can definitely contribute The following are some of the things you can do -

  1. If you have a program written in Java that is not in the repository you can open up a PR. You can also open up a PR if you have another way of implementing a concept in the repo.
  2. Also, if you can see something wrong (maybe like an error or something), you can open up a PR.
  3. Another suggestion is if you can think of a creative way to explain any concept using markdown, you are welcome to contribute!

How can I contribute?

It is very easy to contribute, you may follow these steps -

  1. Fork this repository
  2. Make changes/ add things (if adding a new program please check the program list below…

The issue I found was Add data structure/algorithm programs in Java. The maintainer wanted an implementation of any data structure/algorithm in Java.

Requirements:
  • Before opening a PR it was asked that you checked to make sure the same program is not included in the repo before opening a Pull Request.

Add data structure/algorithm programs in Java #2

If you have implemented any data structure/algorithm in Java, do open up a PR! Please make sure the same program is not included in the repo before opening up a PR!


Hacktoberfest:

GitHub logo Kithackclub / Hacktoberfest

Giving to Open Source

Welcome to Hacktoberfest

Prepare and share your project for collaboration Contribute to the betterment of a project via pull requests Organize an event Mentor others Donate directly to open source projects

Hacktoberfest Practice Pull Requests

Repo for you to raise a Pull Request for practice.

Just add your name to the alphabetical list and optionally, a link to your GitHub account (In alphabetical order below your letter too)

How to contribute (overall process)

  1. Fork the project, using the gray Fork button in the top right of this page
  2. Make any changes in your forked repo
  3. On this repo, click Pull Requests (which is the third option at the top of this page after the options Code and Issues) and raise a Pull Request by clicking the green New Pull Request button and selecting your fork from the right drop down field.

Questions can be asked by raising an Issue

The issue I found was the Header issue. The maintainer wanted the navbar updated to look like this:

Navbar Example

Header-issue #7

issue on the header

want update the navbar


Cloud_haiku:

Cloud Haiku is an open-source repository that collects haikus about the cloud and cloud technology and publishes these haikus on its website.

GitHub logo do-community / cloud_haiku

Community-made poetry about infrastructure

Welcome to Cloud Haiku

Español | Français | Italiano | Português

Cloud Haiku is an open-source repository that collects haikus about the cloud and cloud technology and publishes these haikus to its website.


Please note the following in and around the month of October:

  • Due to the popularity of this repository during the celebration of Hacktoberfest, please respect the time it takes for the maintainers to review and merge pull requests. Reviews will be conducted on pull requests on the order they are received, and reviews may include a request for changes.

  • Maintainers are only able to perform one round of review. If your pull request is not accepted by the second round, it will be closed and marked as invalid.

  • Pinging maintainers will in fact slow down the process as maintainers are comments are used for tracking whether pull requests have been addressed.

Haikus

All of our…

Requirements:
  • Compose a haiku in Markdown you should name your Markdown file your_haiku_title and put it in the /_haikus directory of the project
  • This is a Jekyll site, so you'll also need to include some boilerplate at the top of the file. Keep the layout as haiku
    • Next to the title: put the title of your haiku.
    • Next to the author: put your name (this can be just your first name or a pseudonym if you would like).

Live View of My Contribution

Conclusion:

Overall this was a great event to participate in. The new framework I learned was NextJS, a flexible React framework that gives you building blocks to create fast web applications. Although I have never worked with Github's API things turned out excellent, and I became knowledgeable about how to do so.

I plan on participating in the upcoming events for the valuable experiences of open-source, and to sharpen my skills in the field of engineering.

This official event swag/prizes for completion of 4 PRs consisted of:

  • a dev.to badge
  • stickers
  • one of two prizes: a Hacktoberfest 2021 t-shirt or get a tree planted in your name

Hacktoberfest 2021 Swag

Thanks for reading this article, and congrats if you won some swag too. :)

Top comments (0)