Skip to main content

Posts

Final Contributions

As the final weeks of our semester approaches, i submit my last two pr. During these months i have learned many things and had fun doing it. Working with Github and Git was the best learning experience i had throughout the months. I also had the opportunity of researching and experimenting with open source technologies. Overall everything i learned from this course i will for sure use, for instance, using git at the workplace or use of open-source technology for other projects. I took the time this week to review the requested changes made to one of my pull request that i had made to vscode. I managed to close two changes but i have one more change request to make before i could ask them to review it again.  Last week my plan was to learn more about Lighthouse and implement it into our course project. After a few days of working on this issue , i came to a conclusion of using the following code as my solution: " lighthouse-index " : " lighthouse http://localho...

Using Lighthouse with Node CLI

Last week in my blog i mentioned working on integrating Lighthouse CI into our course project . The goal was to provide a tool for contributors working on the front-end side of the project. With lighthouse, our contributors could run some diagnostics test to know which parts of the front-end could be improved upon. So for the last week, I have been reading documentation and blogs/articles for lighthouse ci. One of the things i picked up was that for a future project i could use lighthouse ci and integrate it with my server, and also i can use Github Actions to automatically run diagnostics and produce reports. But this wasn't the solution we needed for our course project. So i came across the CLI documents . With the Lighthouse CLI, I would be able to set up it up and test the files locally. Using npm i installed the API: npm install -g @lhci/cli Afterward, i used collect the run the diagnostics tests and store lighthouse reports in the .lighthouseci/ folder. Usi...

Lighthouse CI

For the next couple of weeks, i will be focused on my internal pull request. My task is to work with Lighthouse CI  and try to implement it into our course project the telescope . I can predict that this will be very fun and at the same time very challenging. But with research and experimenting, I'm sure i will figure out the most suitable way. Lighthouse CI is a tool developed by Google to allow developers to test their websites and based on results given by the tool, improve their website. Implementing this would help us improve the front-end side of the project. As of now, I haven't found anything to work on for my external pull request. I'm still in search of something I could do with TypeScript. I also have to address my vscode pull request which i talked about last week.

Taking on new technology

In my last week's blog, I talked about the two objectives I would take on during November. In the middle of working on the contributions, I decided to change my issue for the internal open source project. I'm hoping to continue with this issue for next pull request I have to submit for my course. As you know, the external open source project I chose to contribute to was vscode . In the beginning, when i saw this issue , i thought this would be an uncomplicated and straightforward issue to work on within a big open source project. Before i forked the clown, i took a good look at the documents they had to just get a sense of how to contribute to the project and do the simple tasks of running and testing. After cloning, i had an issue running the project, this is where i spent some good time reading the documentation again, but i was just having a hard time running the project. I managed to get it running after a few reads.  Thanks to another contributor i had a hint of where...

Big Collaborations

November is upon us and its time to take it up a notch. I have two objectives to focus on during the next week: Contribute to an external open source project  Contribute to an internal open source project run by my classmates For the external open source project, I chose to contribute to vscode . Personally, I use visual studio code and being able to get involved is very electrifying for me.  After looking through the issues on the project, I found this issue . With the help of another contributor, I got a sense of direction of where to tackle the issue. For the internal open source project, our class is responsible for redesigning the Planet CDOT  where it tracks and displays blogs of students and their participation in open source. I had my mind on learning new technology and i was circling around doing some with Continuous Integration and Continuous Deployment. I decided to help another classmate set a pipeline for CI/CD with Jenkins. Collaborating with...

Rhymus Application

The last day of Hacktoberfest is here and I submit my last pull request. It has been a great exposure to the open-source community. Before starting hacktoberfest I set two goals: Git - How to use git C# & TypeScript - Learn new languages Working with multiple projects, I managed to get a hang of using git. Unfourtonalty I didn't have the chance to give C# & TypeScript. My plan is to focus on this goal for the next month as we dive into working with big open source projects. rhymus This week I had the opportunity to work on rhymus .  the bug was to display the score to the player once the game was over. At first, the developer wanted the score to be displayed in a pop-up. I tried using javascript alert() method on but it didn't look very user-friendly, so I decided to come up with a design and suggest it to him. I decided to add the scoreboard on the card once the game was over and would be removed for a new game. Afterwards, I made the pull request and...

Time to Leave Application

Wow! The third week of Hacktoberfest is coming to an end and it has been an experience for me so far. Before hacktoberfest, I never thought that I would be able to contribute to other people's projects and actually see my contribution be committed to a project. This week was a huge step for me. I had to opportunity to work on a project that I found very interesting and test my coding skills with the application. The best part of the experience was that it gave me the chance to collaborate on the issue with the main developer where we discussed how to come up with a solution. After the solution was provided, my code was merged into the main project which gave me a sense of accomplishment and satisfaction,. The Project After countless hours searching through GitHub for an open-source project to contribute to, I came across Time to Leave  developed by thamara. This application is like a reminder that allows users to log their work hours it the application and receive a notificat...

Material Design Troubles?

During the first week of Hacktoberfest, it was very challenging for me to find an open-source projects where I could contribute to. After learning how to define better search criteria using GitHub keywords, I came to a project called React Budget App developed by benhalverson. The developer had posted a live version of the application where I spent my time and examined how the application worked. After playing with the application, I knew this was something I could help contribute too. After forking the project and getting the issue assigned to me, I spent a few days tackling the issue. I faced many bumps which I will explain about them further below but I managed to accomplish what the developer had requested in the end. The Issue The issue that was raised by the developer was that there was no User Interface to the application and it looked kinda dull. I took upon myself to start designing and implementing a better-looking feature UI to give the user a better experience with t...

First Week Of Hacktoberfest

I accomplished my first pull request during Hacktoberfest and it was a headache! Searching on GitHub for an issue to work on took was a bit problematic. My biggest problem with finding an issue was that users were not closing fixed issues. Since I was using the search criteria "is:open" it clogged up my results. So some time was spent looking at issues that were open but had been resolved by other contributors. I also cloned a few projects but I was unable to run them. I reached out to the developers to get some help running the projects but I couldn't wait for their response. I managed to find an  issue  I could contribute to. The issue was that they were missing a logo to the projects README file. To tackle this issue I forked the project and created a separate branch. Then I looked at the markdown file and added an H1 header to the file. This change gave the README file a big logo at the top of all other contexts. After I created a pull request to the main branch of t...

Here i come Hacktoberfest

An amazing opportunity has appeared for me, giving me the chance to get involved in the open-source community. Its  Hacktoberfest  in a few days and I'm super excited to get my hands wet with some code! Hackertoberfest is an event hosted by Digital Ocean every October to get people involved and contribute to open source projects. As a beginner in the realm of open source, I will be participating in this event to reach the two goals I have set for myself. Click here for more information about Hacktoberfest Goals Git The first goal is learning more about how to use git. If you have been reading my previous blogs, I'm new to using Git and I have been learning the basics for over the past few weeks. But I feel like there's still more to learn and experience with Git. Participating in this event will help me utilizes that and help me become proficient in it.  C# & TypeScript The second goal is to learn a new programming language. My focus will be on C...

Collaborating with issues and pull requests on Github

This week I got the chance to get my hands dirty with some code, learn the ins and outs of git and collaborate on projects on Github. Slowly things are coming back to me after not doing development for a while with Javascript, HTML, and CSS. I also learned something new with CSS which I will discuss below. After a few classes on Git by my instructor, I was lost and confused. But after working on these projects and actually putting what he thought into practice, I managed to get the hang of working with git. I also had the opportunity of working with projects on Github which helped me get some real practice on how to collab with other developers.  I had to opportunity of collaborating with two other developers,  MusaNajwa  and  wajeehsheikh .  After looking at their note-taking applications and looking through their code in the repositories, I decided that there are some few improvements that I can add to their applications. Mirconote Looking at this appl...

Whiteboard Application: Built with Open Source Projects

I just took my first steps into the open source world and it was amazing. As my first project, I built a note taking application with the help of some open source projects and Github. I’m going to admit, I was a bit scared at first because I hadn’t touched web development in months so I was I rusty in Javascript and other web technologies. Thanks to my instructor, I was able to set-up everything on Github with ease and execute git commands that I had forgotten. All in all it was a good experience and was nice to get back into coding after a long break from it. Whiteboard Application The point of this application is to allow users to takes notes on a webpage. There are also features such as saving what you have written on the whiteboard or clearing the whiteboard all at once. The application was built using the following open source projects: ·          Filer ·          PaperCSS ·   ...

Steps Into Open Source

Visual Studio Code is the project I plan to use to help me get involved within the open source community. Developed by Microsoft, it has become one of the most popular source-code editor out there. An editor with beneficial features built in such as: ·            Debugging ·           IntelliSense ·           Git source control ·           Integrated terminal ·           Extension marketplace Plus there’s so much more that I haven’t mentioned. The application is written in Typescript and supports Windows, OS and Linux. During my internship I came across the release notes of Visual Studio Code for the month of August. Out of curiosity I quickly scanned the notes and reached the bottom of the page. I was amazed at the number of contribu...