Skip to content

MisterPea/Art-Portfolio

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 
 
 
 
 
 
 
 
 
 
 

Repository files navigation

Fine Art Portfolio with Simple CMS

This repository consists of two parts:

  • A SSR desktop-only CMS system
  • A SSR portfolio website

The CMS is available here: https://cms.perryangelora.com

The website is available here: https://perryangelora.com

Todo:

CMS - NextJS SSR - Conceived for desktop use only.

  • Find all relevant thumbnails per gallery. e.g. All/Polychrome/Monochrome
  • Download current thumbnails
  • Deleting thumbnails deletes image and updates JSON
  • Allow remaking/editing of existing thumbnail and change/update text - x,y and zoom of thumb preserved
  • Upload image/choose thumbnail/upload thumbnail
  • Add info for image - JSON stored on S3
  • Drag reorder of thumbnails
  • Add auth to prevent unauthorized edits
  • Update database on reorder and before navigation away from site (if needed)
  • ~~ Will exist as a subdomain...updating site will trigger a rebuild via GitHub Actions maybe through repository_dispatch
  • Tablet/Desktop Layout
  • Add components and plumbing to create a blurDataHash
  • Unblock main thread on Canvas - move to Web Worker. Maybe?
  • Move Canvas behaviour logic in to a dedicated module

NextJS

  • ~~getStaticProps to call s3 methods. Populate thumbnails and main image.
  • Import images and data through local folder
  • Grab JSON for file info
  • Image display via carousel run by framer-motion
  • Header component
  • About component
  • Thumbnail component
  • Image presentation component - pinch zoom on mobile
  • Upload thumbnail
  • Upload main image
  • Arrow navigation - Esc to close modal
  • Add decoding of blurDataHash to base64 jpeg
  • Add Favicon
  • Add Head(s) and optimize caching