Hacktoberfest: Third Pull Request - FindMeBeer

-

In this post, I will describe the steps of my third contribution to the Hacktoberfest. At this time, I tried to find the open-source which used the web programming language. The one I picked up is the project named FindMeBeer with the React (Javascript, CSS, and HTML). This website takes a location from the user and returns a list of nearby breweries and their relevant information. It uses the Open Brewery DB API. The issue I got assigned is issue #17: Add link to repository which. The owner of the repository wanted to add a GitHub logo on the right side of the navbar so when users click the image, they can visit the FindMeBeer GitHub repository.


To resolve the issue, I downloaded the GitHub logo from the GitHub website (https://github.com/logos). I put this image inside the folder the file created. When I added the image next to the title already existed, it does not seem good. Therefore, I added styles to the image so the image can be located on the right side of the navbar. I applied styles such as absolute and right to the <a> component. I tried to follow the coding style of the author so I put the styles on the file named 'index.js' instead of creating another file named 'Header.css'. After I've done all the works, I created a pull request to the repository.


I've learned how to find the code I want to edit and the knowledge of the React frontend. It was an interesting journey. I got the confidence I can do it better next time.


The links of the project, issue, and the pull request are the following:

Comments

Post a Comment

Popular posts from this blog

Release 4.0 - Part 3: Release

-
In this post, I am going to describe the journey of the release 4.0. Release 4.0 is the 3 weeks project. In the first week, I chose the project to work on. As the issue I chose required knowledge I do not have any idea (Gatsby and Nextjs), I need to learn these. In the second week, I learned the Gatsby and Nextjs to read the document on the Next official website. Also, I checked the pull request other people already created for the project. And this week, I started writing codes to resolve the issue. It was hard to begin to migrate the pages from Gatsby to the Nextjs. I needed to google a lot to find the proper way to migrate the code for the project. The components I was assigned are Error page, SEO, and SearchHelp components. The SEO component is relatively easy because the Next official website indicated how to do it most. However, the Error page is the most difficult part for me. When I googled how to make the Nextjs Errorpage, most people recommend to use the JavaScript extension ...
Read more

Hacktoberfest: Second Pull Request - wanikani-notifier

-
 This post describes the journey of the second pull request for Hacktoberfest which encourages new people to get involved in the open-source community. The post for the first pull request for Hacktoberfest is the following:  https://hyunjijanelee.blogspot.com/2020/10/hacktoberfest-first-pull-request-tower.html In this time, I have struggled to find an issue to work on. Most of the issues I would like to work on are already taken to another person and other issues have some problems on the project so I cannot run it properly. I kept finding a proper project and found one project named wanikani-notifier. The link for the wanikani-notifier is the following:  https://github.com/upsetdog/wanikani-notifier When I found an issue with this project, I cloned the project to check whether I can run this project. At that time, I found it has another issue to make it better. On this project, there is no 'package-lock.json' file so users need to install modules checking what modules ar...
Read more

Open Source Project: Lab2 (Pull Request)

-
Image
 Introduction In this lab, I practiced contributing and submitting pull requests to other repositories I don't own. Following the lab instruction , the things I plan to practice are the following: forking and cloning other projects creating branches to work on new features and fix bugs working on code I didn't write, trying to maintain the original style and not break things creating pull requests collaborating with other developers on GitHub updating my pull requests to include fixes for review comments The Project I picked for pull request ( https://github.com/lixiaoqity/testLink/pull/7 ) I looked around the classmates' open source project and picked the project named testLink. The GitHub repository link is the following:  https://github.com/lixiaoqity/testLink/pull/7 .  I picked this project because it also uses the NodeJS which I picked for my project. It was really interesting to see how code can be written differently for the same subject. When I look over the proje...
Read more