Release 0.2, First Pr

-
This week I was working on an open source Hypixel data platform called Slotpixel. The project is in the early stage of development, and yet they have no code in production. However, it was a good chance to gain experience contributing to a new project and practice the workflow.

 The technologies this project uses for its front-end are the following:

  • View: React
  • State Management: Redux
  • CSS: styled-components
Back-end:

  • Microservices: Node.js
  • Database: MongoDB/Redis

For my first issue, I picked a small bug that asked me to fix the alignment of an icon on the website. The instructions for this issue were really straightforward, they included the screenshot depicting the problem and listed all files that might be related to this bug. 

 After I forked the repo and followed all instructions to quickstart and configure the project (it required to install node.js and to do some reading on React and Redux) I was able to create a branch for my issue and finally start working on it. The fixes themselves didn't take too much time, the hardest part of the first PR was to set up the project and to get it working on my machine. After I pushed my changes it took less than a day for the project maintainer to review and merge my pr! So the issue is successfully closed now and I'm in the list of contributors of my first open source project.

 My issue :
My PR:

Comments

Post a Comment

Popular posts from this blog

fs.rmdir() vs fs.rmdirSync() in Node.js

-
The main purpose of rmdir() and rmdirSync() methods in the fs module is to remove a directory. If you are going to use any of these two methods, you should also remember that using them it is only possible to remove an empty directory. In case your goal is to get rid of the folder which contains another files or directories you would need to install the additional fs-extra module that would add more features on top of the fs. You can use remove() method from the fs-extra module to delete directories that contain something. fs.rmdir(path, callback) Removes a directory asynchronously. If the directory isn’t empty the function will throw an exception. Passed Parameters: path – string, path to the directory which you want to remove. The function won’t work if you will pass a path to the file instead of the directory (will result in ENOENT error on Windows and an ENOTDIR error on POSIX) callback – function, returns an error. Source code:  function rmdir(path, callback
Read more

Release 0.4, Second Blog

-
For my final release, I decided to stick with the project that I already worked on called Vibranium .  The ticket was to create a page pre-loader similar to the one that git-hub or medium websites use.  I never worked with animation in CSS before, so this issue was a great opportunity to learn something new. Steps to create an animation: The first step of building a CSS animation is to defining individual keyframes and naming an animation with a keyframes declaration. The second step is referencing the keyframes by name using the  animation-name  property as well as adding  animation-duration  and other optional animation properties to control the animation's behavior. Here's how I created a spinning square animation using keyframes in css: @-moz-keyframes spin { from { -moz-transform: rotate(0deg); } to { -moz-transform: rotate(360deg); } } @-webkit-keyframes spin { from { -webkit-transform: rotate(0deg); } to { -webkit-transform: rotate(360deg); } }
Read more

Release 0.3, Update 1

-
For the third release, I was looking into a bunch of different tickets, but it turned out to be quite hard to find a good one. Some of the tickets I found were still open, but already fixed in the code, others required more info to start working on them, and I couldn't get any response from the team. For now, I ended up looking into Marquez  project. It has a lot of nice tickets, but I'm still having troubles to get it working on my machine. Other tickets that I consider working on are: https://github.com/natlas/natlas/issues/113 https://github.com/Marko-Doornbos/tournament-site/issues/12 https://github.com/ICT4Dat/ict4dat-news-android/issues/159
Read more