Personal Project, 2017»2024
ART by iain
Portfolio site to showcase my fine art and illustrations built with React, Node.js, and GSAP.
Gallery View
Who doesn't love a grid good grid layout with an intro animation? This site is a continuous work in progress, but I'm quite pleased with it's current incarnation. I am currently adding a new completely custom shop experience integrated with Printify for on-demand prints and Square for payment processing.
Detail View
When a piece is selected, it dynamically loads the larger image and smoothly transitions from the thumbnail to full size. The image URL and description are retrieved via a Node.js endpoint which uses Knex to query the MySQL database for the relevant image information.
Content Editor
I created a simple Headless CMS that allows me to upload images and edit titles/descriptions. The images are saved to the server after being resized with ImageMagick and the descriptions and image paths are saved to a MySQL database.
I actually use the same CMS for the portfolio you're looking at right now.
