Visit the site - https://jayna-photo-gallery.firebaseapp.com/

The Project

This website was based on a tutorial by Net Ninja. The original project created an Instagram clone using random images from a stock photo API. The website I created is for my daughter who loves to draw. I wanted a way to easily store all of the drawings and to be able to share them with our family who lives all over the US and in South Korea.

The Design

The design process originally followed the tutorial created by Net Ninja. The overall structure of the home page was unchanged. However, an about page was added to provide some clarity to anyone who somehow happens upon the page. Colors were also changed to meet my daughter's personal preferences.

I plan on adding a bit more either to the modal or on the home page to provide more information about each individual drawing. I am currently looking into ways to dynamically fetch that data from Firebase along with the images.

The Process

There wasn't much to change in terms of process or design.

The Stack

This website was created using the CRA boiler plate. It uses Firebase to fetch the images which are also stored there. Ultimately I decided to stick with the original React design because this website is primarily intended for family and friends, so SEO/searchability was not of high importance to me.

Reflections

This was a relatively simple project that only took a couple days to create and then tweak the design. I would still like to be able to provide more information about each drawing, but the current modal form does not seem to allow that without making changes to the information in Firebase.