Posts

Lab 7 Blog

Image
     In Lab 7 we went back to our Release 0.1 link checker project and worked on creating a CONTRIBUTION.md file, source code formatter, linter, and an integration method for the said code formatter and linter.      The contribution file is added for the purpose of guiding Github users that visit our repositories the way to set up the project locally and help them get a headstart with their pull requests, in that file we will also be discussing how to develop & use the program as well as formatting and error checks.     Since my project was made using Javascript, I chose Prettier and ESLint for my formatting and linter. Prettier was installed using the step by step instructions on their official website  through CLI, initially there was a problem with the .prettierrc.json file for it was generating errors when trying to run the prettier command. This problem was fixed by manually creating the file instead of using their echo command. Pr...

Lab 6 Blog

Image
     The first thing we were assigned to do after Hacktoberfest ended was to get ourselves started on the Telescope project along with other students and professors of OSD. This week, we are to install pre-requisites for Telescope to run locally and then modify our Release 0.1 to be able to process post data URLs from localhost:3000/posts.      A long process of installation was required, but since I decided to work on Telescope during Hacktoberfest's 3rd Pull Request , I had already done what was required to do for the lab. Information on that can be found in my 3rd PR's Blog .     Our task for this lab was to use our URL checker on the URLs that exist within localhost:3000/posts. In order to do this with the existing code for my Release 0.1, I made a new argument '--t' or '--telescope' that takes an URL and receives the data it returns using Axio. After the data has been received, the URLs of each element will be stored inside a string. The str...

Hacktoberfest - PR #4

Image
    The final Pull Request for Hacktoberfest is here and I decided to look for an issue that is about front-end creations, just like my previous Pull Request . I found a repository named Artistify , which was suggested by a fellow student Jasper Mui for he had worked on that same repository for his final Pull Request.      Artistify  is a web app that can pull music videos from youtube and allow the users to create their own list of songs and play them in the queue order. The Issue  requested for buttons on the queue cards to allow change for the position in the queue of hovered queue cards, moving the current card up or down the queued list. This feature was needed in case the already implemented drag and drop function fails to function, it is a good alternate option to move queue cards.     To get started with the new feature, first I had to gain a general sense of how the web app manages queue lists in the front-end. I was able to get a...

Hacktoberfest - PR #3

Image
    For the third Pull Request , I decided to work on the Repository made by OSD students present and past. The Telescope is an app that displays and updates all the students at OSD's blog posts in chronological order, I thought since I was working on CSS and HTML for my second pull request at Hacktoberfest, I may understand the front-end parts of the app better.     I picked up an Issue on creating User Experience for when errors occur in terms of displaying the blog posts. There were three specific situations that David Humphrey, our professor, mentioned:       - When the post fails to load      - When the post is still loading      - When the loading for the entire timeline fails          In order to get started on the issue, I had to go through various different kinds of installation to allow the code to run locally. Setting up  Elasticsearch and Redis Server pre-requisites took lon...

Hacktoberfest - PR #2

Image
     For my second Hacktoberfest pull request , I found an issue on a repository for Health Assistant Client , it was a relatively new repository for it was only at the starting phases in terms of front-end. I thought that this would make a good warm-up for Javascript front-end programming because I plan to work on more front-end things for the rest of the Hacktoberfest.     The issue requested a Navigation Bar for the web app that serves as the base Navbar design. The Navbar will have an icon on the left side and four buttons on the right that will hold hyperlink references to other paths of the site, with the contact button being an actual button element.     I had almost completely forgotten how to create Navbars using HTML, but thanks to a tutorial provided by the repository's owner, I could finish it with much ease. There wasn't anything too challenging other than the fact that the web design courses we took we made mostly with React or other Jav...

Lab 5 Blog

     Lab 5 of the OSD555 course had assigned us the task of cleaning up and organizing our project's code. We were instructed to reduce the amount of unneeded code by removing any global or unused variables, make variable names easier to understand, and refactor any repeated codes that exist within the project. We utilized the rebase command to merge with the main branch nicely.     The lab this time is meant to have us learn how to use the git command 'rebase', it is a command that allows multiple commits done under one section/branch to be committed as one single action. This command will come in handy when making multiple fixes and changes that are under the same category, and allow for a clean commit history on the repository.     I found a duplicated code running for the file reading operation merged from Lab 4's issue, and reduces it to only one by making the first file reading operation conditional, but pass in the parameters as nullptr to prev...

Lab 4 Blog

     This week's lab consisted of going to a new user's repository that we haven't worked on before, and add a new feature called "Ignore URL Patterns" onto their Release 0.1 repository. This feature will be activated after a new argument '--ignore' had been received, containing the ignore argument will allow the CLI tool to read two files in order: the file that contains the list of URLs that will be ignored by the link checker, and the argument after that will be the targeted file to scan.     I created an Issue on another person's Repository , and once I got permission to work on the issue, I Forked the repository into my own and cloned that forked repository into my local machine. I ran through the code and got a better understanding of how the code works before working to add the feature in.     After the feature had been completed, I contacted the owner of the project through the issue that was opened to let him know that I had finished the fea...