Release 0.2 Journey - Final stone

 Hello PC readers,

I am so glad that I am writing this final snippet of blog for Release 0.2.

I must say it was one heck of a journey, interesting but tough! With labs and PR of releases together, not to forget other courses, it sure was very hectic for students like me, who work and have loads of courses this semester. Although I do love this course since it is very insightful for me and I always wanted to learn more about GitHub and open source community. Alright, let's begin with our 0.2 journey. 

I started with something small, I was looking to work on a repo and as I forked it and started to install it for using, I came across very poor documentation and suddenly I had my first PR in my hand. I worked on that repo's documentation. It was merged in no time. It felt so nice to be able to contribute, does not matter how small.

In my second PR, I worked on a repo License badge. The issue was created some time back, and I never really worked on the license badge and did not know how to create repo readme badges. I wondered but never really got the chance to explore on my own, and that PR was it for me. I explored the licensing world and did add the license badge, it got merged within 2 days too. So assuring to see that merged label.

In my third PR, I came across a Repo which was created to help hacktoberfest participants to get a healthy PR by working in Vue. I liked the issue to work but the problem was I never worked on Vue. So I thought there would never be a better time than this. So I took that issue and worked on it to create a button which will open a new tab and that tab would take you to the Hacktoberfest page to view your progress. I learnt about Vue on that one, it was similar to JS but new for me.

I liked that repo and its other issues, so I thought let's work more on this for my fourth PR. Fortunately, we could work on the same repo for maximum of 2 times in this release. I took another issue for my PR 4 in which I had to fetch a random image for the background every time the page was loaded from Unsplash.com and get the credits rendered for that particular image as well and display it at the bottom of the screen. Well, it took some time as I was new to Vue but I did it. And learnt a lot about Vue and guess what, unsplash.com too.

This is how my Release 0.2 progressed, I definitely feel I progressed in terms of exploration, learning about new technologies, communicating with other moderators or developers, and even if you are not working on that issue, you still try to understand it if you can do this or not. And doing that for tens of issues, I know takes up a lot of time and patience for sure, but the fruitful result of knowledge is worthy of your time and patience, I believe. But hey, that is just me. Each person have their own experience. 

See you in the next blog!

Best,

PC

Release 0.2 - PR 4

 Hello PC readers, welcome back to my blog!

This is the final PR for my Release 0.2! Woo-hoo! What a journey.

I worked on this repository for PR 3 and as I mentioned it was made for Hacktoberfest to work and I never worked on Vue before so I chose to work on another issue for this one. The issue was to use a random image for the background from Unsplash whenever the tab was loaded and to add credits for the image displayed in the background randomly. Well, it was not an easy one. 

I never heard of Unsplash before too, hence I researched about it  a bit. And found out that it is a very big database of images from thousands of categories and photographers. It is very developer friendly too, I found the way to render the random images to backgrounds from one of the website's developers helping snippets. I used the image but then the text kind of went unreadable on some of the random images. I tried many ways like opaque and other things, but at last I figured using the font color as White is the best bet.

Then the next thing I had to fix was using the background image in the full screen, and not the current case :being rendered in the div area. I researched for sometime and tried few things, at last, found the fix for it by using height of background image as 100vh. 

 

Next thing I had to do to finish this assignment was to add credits for the photographers of these random images. For that I needed to fetch data from API of Unsplash and there was a hiccup on the road as I mentioned in my PR too for the moderator. I had to create an account to fetch the photographer for the rendered image and there was a limitation like mentioned below:

 

 

Final app screen:

 

 

PR request: https://github.com/EricTurf/hacktober-new-tab/pull/11

Issue: https://github.com/EricTurf/hacktober-new-tab/issues/6 

 

This was a good PR to learn a lot of things which I have not done before. I got to explore Unsplash, Vue JS etc. I loved working on new things, a bit tricky and needed research but got it to work. It could be better of course if more time is spent on it. 

So that is it for this PR. See you in the next blog!

Best,

PC