Setting up a grid to carousel? Alright everyone, I'm sure this is a relatively simple thing, but I'm on the verge of tearing my hair out.

What I'm trying to accomplish is setting up images to appear in a grid, that when clicked pulls up a gallery/carousel, allowing you to scroll through the images there as well.

I've downloaded the slick modules, and correct dependencies. I also have bootstrap correctly set up as well. Honestly if you have an alternative your prefer more, please let me know.

https://www.drupal.org/project/slick
-https://github.com/kenwheeler/slick/
-https://github.com/gdsmith/jquery.easing
https://www.drupal.org/project/slick_media
https://www.drupal.org/project/media_entity_image
https://www.drupal.org/project/video_embed_field
https://www.drupal.org/project/blazy

Drupal 8
I prefer the Lightgallery module which is available for Drupal 7 and Drupal 8 also. It integrates the lightGallery jquery plugin into Drupal. This is compatible with Views and it also provides an image field formatter. 

You can see demos for the lightGallery jquery plugin here.