My Artwork Photo Slideshow (serfdad.com)

Challenge

Needed a dynamic, full-screen photo slideshow that automatically pulls images from Google Drive and displays them in an eye-catching mosaic layout with brand styling.

🖼️ Solution

Built a full-screen slideshow with Google Drive integration:

- Auto-fetches images from Google Drive folder

- Responsive mosaic grid (2-5 columns based on screen size)

- Animated red/pink gradient overlay

- Custom "Manufacturing Consent" font branding

- Horizontal scanline background pattern

- Automatic image rotation and transitions

- Live deployment at serfdad.com

Tech Stack: HTML5, CSS3, Google Drive API, JavaScript

Status

✅ **Complete & Live**

- Deployed and running at serfdad.com

- Automatically updates when new images added to Drive folder

Next Steps

- [ ] Monitor performance and load times

- [ ] Optional: Add fade transitions between rotations

- [ ] Optional: Admin panel to control rotation speed/layout

- [ ] Future: Support for video content alongside images

Check it out

PromptVault

Challenge

AI creators working across multiple platforms (GPT, Midjourney, Grok Imagine, Runway) needed a structured way to organize, version, and reuse prompts. Existing solutions were cloud-based, lacked multi-modal support, and didn't provide a framework for consistent prompt engineering.

🌹 Solution

Built a self-hosted, multi-modal prompt management system using the ROSES framework (Role, Objective, Scenario, Expected Solution, Steps). Features include:

- Adaptive prompt builders for Text, Image, and Video generation

- Type-specific fields (Style, Lighting, Camera Movement, etc.)

- Drag-and-drop gallery with live preview stitching

- Node.js/Express backend with JSON file database

- Built-in scratchpad, favorites, folders, tags, and search

- Import/Export with v1 format migration support

- Automatic backups and persistent storage

Tech Stack: HTML5, Tailwind CSS, Alpine.js, Node.js, Express

Status

✅ **Complete & Production-Ready**

- All core features implemented and tested

- Backend fully functional with CRUD API

- Documentation complete (README, Quick Start, Database Guide)

- GitHub prep files created (LICENSE, .gitignore, package.json metadata)

Next Steps

- [ ] Push to GitHub as open source project

- [ ] Create screenshots and demo GIF

- [ ] Optional: Deploy live demo on Vercel/Netlify

- [ ] Optional: Add Docker container for one-click deployment

- [ ] Future: SQLite option, multi-user support, prompt versioning