Melodyfire v3

Jennipher Troup — AI Systems Designer · Creative Technologist · Regenerative Systems Designer Philadelphia, PA · melodyfire.space · Live on Vercel

---

About

Melodyfire is a unified body of creative and technical work at the intersection of:

• Generative AI art & prompt engineering
• Civic technology & regenerative design
• WebGL shaders & interactive web experiences
• Children's illustration systems
• UI/UX design systems

Built with intention, governed by doctrine, and designed to launch itself into independence.

Tech Stack

• Frontend: React 18 + Vite + TypeScript + Tailwind CSS v3 + shadcn/ui
• Database: Supabase (PostgreSQL) — project: ikfejoqvwmmqsuszpdhj
• Animation: Custom Mandala Canvas Engine + CSS scroll-reveal system
• Fonts: Clash Display + Satoshi (Fontshare)
• Deployment: Vercel · melodyfire-studio.vercel.app

Visual Modes

The site has three distinct visual themes:

1. Aurora — psychedelic violet/coral/cyan/gold palette (main)
2. Solarpunk Grimoire — deep indigo + gold foil (Regenerative portal)
3. Holographic — prismatic glass + iridescent refraction (AI Tools + Reverse Prompt)

Pages

Route	Description
/#/	Home — immersive mandala hero, thesis narrative
/#/work	Portfolio — 15 projects including ChromaFlora, AETHER, Neumorphism
/#/art	Generative Art — 16-item masonry gallery
/#/ai-tools	Prompt Laboratory v2 — 5 working modes
/#/regenerative	Solarpunk Grimoire + systems design portal
/#/services	7 services with Supabase-backed pricing
/#/children-art	Storybook Art Commissions + Monsterverse
/#/reverse-prompt	4-step Reverse Prompt Engineer + DB persistence
/#/shop	17 digital products + Gumroad checkout
/#/about	Full bio, doctrine, process architecture

Database Tables

• user_states — in-memory session persistence
• projects — portfolio projects
• artworks — generative art collection
• services — service offerings with pricing tiers
• products — 21 shop products with Gumroad URLs
• prompt_sessions — Prompt Lab usage history
• reverse_prompt_sessions — Reverse Prompt Engineer sessions
• blog_posts — writing/blog
• inquiries — contact/collaboration leads

Creative Doctrine

1. Regenerative over Sustainable
2. Hold Contradiction as Parameter
3. Socratic Recursive Inquiry
4. Community as Co-Author
5. Pattern as Wisdom
6. Transparency of Architecture
7. Launch to Independence
8. Joyful Experimentalism
9. Design for the Long Arc

Checkout Strategy

• Digital products → Gumroad (10% fee, instant delivery)
• Premium subscriptions → Lemon Squeezy (5% fee)
• Services → Inquiry form → Supabase → personal email

Dev Setup

npm install
npm run dev
# Runs on http://localhost:5000

Build

npm run build
# Output: dist/public (static) + dist/index.cjs (server)

Connections

• GitHub: github.com/qt314wink
• Replit: replit.com/@qt314wink
• Figma: figma.com/@jennipher

---

Made with fire ✦ light ✦ code — Philadelphia, 2026