Skip to content

afkatja/afkatja.github.io

Repository files navigation

Portoflio of Katia Hollaar

This is the source code of my personal portfolio site, rebuilt to showcase both my work and my technical approach as a developer making the transition towards an AI generalist.

Features

Design System & UI

  • Global themed styles
  • Radix UI primitives
  • Motion-based interactions with Framer Motion
  • Automated Image Pipeline
    • Syncs Lightroom → Adobe Portfolio → Site ingestion
    • Categorizes photos automatically with Google Vision API
    • API route for portfolio image ingestion
  • New Media Components
    • Slideshow
    • Hero section
    • Lightbox for images
  • Pages Refactored
    • Home, About, Contact, Photography, Web

Tech Stack Updates

  • Next.js, React, TypeScript
  • Tailwind CSS v4
  • Radix Primitives
  • Framer Motion

Architecture & Workflow

  • Prototype: UI design in Figma Make
  • Implementation: Ported to Next.js / React / TypeScript
  • Automation:
    • Automated photo publishing pipeline
    • Vision-based tagging
  • Deployment: Github pages

Installation & Development

  • Clone repo git clone https://github.com/your-username/portfolio.git

  • Install dependencies npm install

  • Run locally npm run dev

  • Build for production npm run build

Roadmap

  • Add blog with AI-assisted writing workflow
  • More interactive case studies
  • Expand automation pipeline to handle video/media

About the Photography Pipeline

Photos are automatically synced via Adobe Lightroom, published to Adobe Portfolio, and ingested on this site using Google Vision API categorization. This demonstrates how AI + automation can streamline creative workflows.

Contributing

This is a personal project, but if you spot an issue or want to discuss the automation setup, feel free to open an issue.

Contact

You can reach me via:

Portfolio

LinkedIn

About

Personal page

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

 
 
 

Contributors