Front-end2025 · Personal project · Solo

Art portfolio

A gallery for my own paintings.

A responsive React and Vite site with galleries by medium and zoomable artwork pages, which I designed, built and deployed to Vercel, using AI tools to speed up the build.

Visit the live site (opens in a new tab)Read the code (opens in a new tab)

my-art-portfolio-lilac.vercel.app

Galleries by medium, live on Vercel.

RoleDesign, front-end build and deployment

TeamSolo

When2025

Built withReact, Vite, Vercel

Skills it shows

React front end

Components and React Router pages: home, galleries by medium and a page for every artwork.

Interaction design

A 1.8× magnifier follows the cursor over each painting, with a three-colour palette beside it.

Responsive layout

Bootstrap grid galleries that reflow from desktop to phone.

Shipping

Built with Vite and deployed on Vercel straight from GitHub, with AI tools to speed up the build.

Problem, build, result

1Problem

Paintings lose their texture on a screen, and a social feed mixes them in with everything else.

2What I built

A quiet interface where the only colour is the paintings: galleries by medium, a magnifier on every piece and a palette beside each one.

3Result

A live gallery for my paintings, deployed on Vercel. Adding a painting means adding one record, not a page.

1.8×magnifier on every artwork

3colours sampled per painting

3routes, one gallery

Liveon Vercel

In pictures

Select any image to see it larger.

Artwork page: Morning Glow, acrylic on canvas, a framed lily painting with three colour swatches beside it. — An artwork page with its palette.

Close-up of the magnifier lens over the lily painting, showing the brushwork. — The magnifier shows the brushwork.

Tech stack

Tools and data

React

Vite

React Router

JavaScript

Bootstrap

Vercel

GitHubAI coding tools

Methods

Responsive designVisual hierarchyColour theory

Next projectPepShieldPyTorch models with leak-checked splits and conformal intervals, live on Modal.Read the case study