Home โžฒ Project โžฒ Full stack

Art Gallery Ecommerce Application

An artwork gallery showing an artist's work with ecommerce functionality....

By John Phung

2020-10-27

Current Time 0:00
/
Duration Time 0:00
Progress: NaN%

Overview

I was engaged by a local artist to transform her hobby into a fully fledged business by enabling her online presence. This involved creating a personal portfolio as well as adding ecommerce features to enable her to sell her artworks. This sort of scenario is pretty typical, and most of the time a simple static generated website is sufficient. Obviously, a content management system is also required to enable artwork uploads and updating web page information.

The Tech Stack

  • Gatsby - Static website generator
  • Sanity.io - Content management system
  • Stripe - payment processing
  • Cloud functions - handling CMS and stripe calls

The Challenges

Dynamic update of quantity of artworks was an issue due to the statically generated version of the website from Gatsby upon build, thus the quantity available may be incorrect at any time. I didn't manage to solve this issue yet - I guess I could just make a API call on load, but I have created quantity checks which ping the CMS for the latest available quantity to ensure there is in fact sufficient quantity to add to cart or checkout. If quantity from the CMS was less than required, it would prevent the user from adding or checking out.

Live site

https://xuyi.studio