DEV Community

CDPhu
CDPhu

Posted on

Release 0.3 - Internal

This was the first commit for this release I contributed to, but it took a while to finish since me and some others were building a completely new website from scratch. Safe to say we can expect much more in the future. The website is called My Photohub.

Steps

No. 1:
I first started by creating a base line of what the website should look like, any form of padding needed. I then started researching for any open source or node_modules that could be used. the first one I cam across that took my interest was called Fancybox. It was relatively simple to use. Though what I did not check was when it was last updated. Turns out, Fancybox has not been updated for four years, and I was recommended to take a more modern version.

No. 2:
After doing some research on what was recommended I decided to use PhotoSwipe as a base for the gallery view. It took a bit of time for me to understand how the syntax worked, but eventually I understood. It was that the dimensions of the photos has to be inputted a certain way for them to fully fit within the gallery pop-up.

I then deployed it statically, which took a lot of time because I didn't understand the concept of a static page fully. So it took a while, and a lot of questions to understand how to let parcel bundle it properly to be deployed.

I was then requested to change to allow for complete fullscreen capabilities. This is due to the fact that using a mobile IOs device would cause double image. It took a bit of time but this is the result of the work:
Test Gallery

No. 3:
It was at this point where I had to start communicating with the other contributors to the repository. It was due to the fact that three of us previously had a package.json, package-lock.json each and that would cause conflicts around each other.

So what we had to confirm was to create a separate pull request with only those package.json and package-lock.json. And then remove the package.json from the rest of our files before we fully committed.
Initial Package Implimentation

Thoughts

This was extremely time consuming, but otherwise puts into perspective how long it would takes to merge into a single repository. But that only means this is more experience for those of us participating. I as a contributor have also to take account for the other programmers codes. Other times, I was given their code and had to build around it, this time, we had to build around each others code, at the same time.

Top comments (1)

Collapse
 
tdaw profile image
TD

You did a fine job.