The Concept:

During the summer of 2016, I designed and built a website for my photography portfolio. My previous website had been created using tumblr themes, but I wanted to brush up on my coding skills by creating a minimalistic website with two important and simple functionalities: to select the category of my portfolio and to view the photos in high resolution.

The Process:

Upon choosing the layout for my photos, I was caught between deciding whether or not to display a scroll or carousel slider of photos. However, I didn't want to create a carousel slider with navigational buttons or next and previous buttons. I ended up using Ken Wheeler's Slick.js, which is a carousel that allows the user to swipe or use arrow keystrokes to navigate through the carousel of photos.

Moving Forward:

Slick.js's carousel slider works under the assumption that the element if first clicked before the function can recognize the arrow keystroke event handler, and that must be debugged in order to better the experience of the viewer. As well as this, further work needs to be done to improve the responsiveness of the website.