Contribution Plan

Working with open source projects could be difficult, sometimes planning ahead of time could be helpful. During the past few days, I have been trying to find issues to work on, something that is challenging but could also be implemented within a couple of days, after a while of deciding what project and issues to work on, it occurred to me that there is something that I can do.

While working on release 0.2 project few weeks ago, I ran into an issue in a music queuing web application GitHub repository named qasong, that is to add a clear queue button and prompts the user for confirmation. Therefore, I went ahead and added that new feature to the project. The new functionality behaves normally and works, the PR for this issue was eventually reviewed and merged, but I was not satisfied with it. While working on this issue, I was stuck on the "confirmation" part, the application was built with Material-UI components, but since I didn't have much experience with Material-UI, I had to settle for the JavaScript confirm() function, which gets the job done, but the default pop-up confirmation window looks ugly and does not fit well with the project theme. Now, I would like to to solve this problem, by replacing the line

 "var confirmClear = confirm("Are you sure you want to clear the queue?");"

with a Material-UI based pop-up conformation window, therefore, I went ahead and filed an issue on my thoughts.

While filing this issue, I found that the project owner was looking for someone to implement the user feedback component after they click the "save queue" button, currently when a user saves a queue, they do not get notified, the button simply does it's job without letting the user know that the queue has been saved.

I have requested to work on both of the two issues mentioned above, after working with this project a couple of times, I know enough about this project to get me started with those issues fairly quick. Now that I am in their Discord channel, I could ask the contributors/maintainers for feedbacks and their opinions and get replies fairly quickly. My current plan for implementing those components is to read Material-UI documents and look up tutorials for code examples and guides.


qasong repo: https://github.com/IanWalston/qasong

Issues mentioned: https://github.com/IanWalston/qasong/issues/195

                              https://github.com/IanWalston/qasong/issues/186

Comments

Post a Comment

Popular posts from this blog

Hacktoberfest -1

 This week the Hacktoberfest event has finally started and I had the chance to contribute to real open source projects. Finding an issue that I can fix took way longer than I thought it would, most of the issues were either taken or they were too complicated for a first time contributor. After a while of searching around GitHub repos with "good-first-issue" labels applied, I found a couple repositories that seemed interesting to me. One of the repositories requested for a new URL redirects in their projects, I thought this was an easy fix, but that it was more complicated than I thought it would be, the original repository had no instruction on how to run and test the application, therefore, I had to leave a comment in the issue asking for instructions. As it turns out a test must be written first before adding any code to the project, and when I ran the initial test before adding anything into the project, I was already getting testing errors, it seems like a challenging one...
Read more

Working on the Telescope Project

Image
Two weeks ago, I've had my first chance of working with the Telescope project and utilized it's back-end API to work with my DLCheck Project. In the past few days, I got more involved, played around and worked with Telescope's front-end portion. One of the issues that I found in the project repository got an idea from the Node.js webpage and requested for a React Component to display the contributors' information to thank them for their effort in developing/maintaining the Telescope project. In the beginning, I was a bit lost by reading the existing code, but luckily, the telescope project was developed using the React JS library and utilizes Material-UI framework, I have worked with a project which was also developed using the same tools during my Release 0.2 assignment, therefore, I was able to understand pieces of codes fairly quick. The new Card Component was overall not that hard to implement but it still took me a quite bit of time, I was given a custom React Hook...
Read more