From e3145d4bf76693f27a42d9249daa05a66cfeb5c7 Mon Sep 17 00:00:00 2001 From: Jake Shore Date: Sun, 15 Feb 2026 11:52:08 -0500 Subject: [PATCH] Portfolio case studies --- ai-ad-engine.html | 485 ++++++++++++++++++++++++++++++++++++++++++ credispo.html | 456 +++++++++++++++++++++++++++++++++++++++ genre-universe.html | 433 +++++++++++++++++++++++++++++++++++++ index.html | 389 +++++++++++++++++++++++++++++++++ mcp-integrations.html | 386 +++++++++++++++++++++++++++++++++ nichequiz.html | 373 ++++++++++++++++++++++++++++++++ 6 files changed, 2522 insertions(+) create mode 100644 ai-ad-engine.html create mode 100644 credispo.html create mode 100644 genre-universe.html create mode 100644 index.html create mode 100644 mcp-integrations.html create mode 100644 nichequiz.html diff --git a/ai-ad-engine.html b/ai-ad-engine.html new file mode 100644 index 0000000..22f54fc --- /dev/null +++ b/ai-ad-engine.html @@ -0,0 +1,485 @@ + + + + + +AI Ad Creative Engine — Case Study + + + + +
+ ← Back to Portfolio + +
+
⚡ AI + Creative Automation
+

AI Ad Creative Engine

+

"From URL to 6 ad formats in 60 seconds"

+
+ +
+
The Challenge
+

Creative at Scale is Broken

+
+

Marketing teams spend $15K/month on creative agencies and wait weeks for ad variations. Testing 30 creatives to find 3 winners is too expensive and slow. The entire workflow — from brief to production-ready creative — needs to collapse from weeks to seconds.

+
+
+ +
+
The Solution
+

Brand DNA → Production Ads, Instantly

+

Built an AI engine that scrapes any website URL, extracts brand DNA (voice, colors, positioning), and generates production-ready ad concepts in 6 formats:

+
    +
  • ✓ Scrapes any URL to extract brand voice, colors, and positioning automatically
    • +
  • ✓ Claude generates hooks, copy, and ad concepts tailored to the brand
    • +
  • ✓ Renders 6 distinct ad formats: memes, iMessage threads, tweets, stat cards, UGC reviews, and billboards
    • +
  • ✓ Feedback loop lets users refine and train the model on brand preferences
    • +
  • ✓ Zero design skills needed — production-ready output from day one
    • +
+
+ +
+
How It Works
+

5-Step Pipeline

+
+
+
1
+
🔗
+
Paste URL
+
Any website
+
+
+
2
+
🔍
+
AI Scrapes Brand
+
Voice, colors, tone
+
+
+
3
+
✍️
+
Claude Writes Hooks
+
Copy & concepts
+
+
+
4
+
🎨
+
Renders 6 Formats
+
Production-ready
+
+
+
5
+
🔄
+
Feedback Loop
+
Trains the model
+
+
+
+ +
+
Tech Stack
+

Built With

+
+ Claude API + Node.js + Web Scraping + HTML/CSS + Gemini (images) + Puppeteer + Express +
+
+ +
+
Results
+

Impact at a Glance

+
+
+
60s
+
Generation Time
+
+
+
6
+
Ad Formats Per Run
+
+
+
50×
+
Creative Output vs Manual
+
+
+
$0
+
Design Skills Needed
+
+
+
+ +
+
Product Preview
+

The Interface

+
+
+ + + +
ad-engine.app/generate
+
+
+ 🔗 + https://your-brand.com + Generate Ads → +
+
+
+
😂
+
Meme
+
Generated
+
+
+
+
+
+
+
+
💬
+
iMessage
+
Generated
+
+
+
+
+
+
+
🐦
+
Tweet
+
Generated
+
+
+
+
+
+
+
+
📊
+
Stat Card
+
Generated
+
+
+
+
+
+
+
⭐
+
UGC Review
+
Generated
+
+
+
+
+
+
+
+
🏙️
+
Billboard
+
Generated
+
+
+
+
+
+
+
+
+ +
+

Want something like this?

+

Let's talk about automating your creative workflow.

+ Get in Touch → +
+ +
+
+ + Built with Claude Code +
+
+
+ + \ No newline at end of file diff --git a/credispo.html b/credispo.html new file mode 100644 index 0000000..d698bd8 --- /dev/null +++ b/credispo.html @@ -0,0 +1,456 @@ + + + + + +CREdispo — Commercial Real Estate Lead Gen Case Study + + + + +
+ ← Back to Portfolio + +
+
🏢 Lead Gen Automation
+

CREdispo — CRE Lead Gen

+

"Automated pipeline from property data to qualified leads"

+
+ +
+
The Challenge
+

Manual Prospecting Is a Time Sink

+
+

Commercial real estate investors waste hours manually searching for properties, cross-referencing owner info, and qualifying leads across multiple databases. The process is tedious, error-prone, and burns 20+ hours per week that should be spent closing deals.

+
+
+ +
+
The Solution
+

20 Hours → 2 Minutes

+

Built an automated lead generation platform that handles the entire pipeline:

+
    +
  • ✓ Scrapes property databases automatically — no manual searching
    • +
  • ✓ Enriches records with owner contact information and financial data
    • +
  • ✓ AI scores leads based on custom investment criteria (cap rate, location, distress signals)
    • +
  • ✓ Queues outreach with personalized messaging templates
    • +
  • ✓ Dashboard for 2-minute daily review of top-scored leads
    • +
+
+ +
+
How It Works
+

End-to-End Pipeline

+
+
+
1
+
🏗️
+
Property DBs
+
Data sources
+
+
+
2
+
🤖
+
Auto Scraping
+
Nightly runs
+
+
+
3
+
📋
+
Enrichment
+
Owner + contact
+
+
+
4
+
🧠
+
AI Scoring
+
Custom criteria
+
+
+
5
+
📤
+
Outreach Queue
+
Auto-personalized
+
+
+
6
+
📊
+
Dashboard
+
2-min review
+
+
+
+ +
+
Tech Stack
+

Built With

+
+ Next.js + PostgreSQL + Python (scraping) + AI Scoring + Reonomy API + Cloudflare + Cron Jobs +
+
+ +
+
Results
+

Impact at a Glance

+
+
+
2 min
+
Daily Review (was 20hrs/wk)
+
+
+
500+
+
Leads Per Run
+
+
+
AI
+
Scored Lead Quality
+
+
+
Auto
+
Outreach Pipeline
+
+
+
+ +
+
Product Preview
+

The Dashboard

+
+
+ + + +
credispo.app/dashboard
+
+ + +
+
+
547
+
Total Leads
+
+
+
84
+
Hot Leads
+
+
+
23
+
In Outreach
+
+
+
7
+
Responded
+
+
+ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +
PropertyTypeOwnerScoreStatus
1420 Commerce BlvdOfficeSmith Holdings LLC● 94Ready
890 Industrial PkwyWarehousePacific Realty Group● 87Ready
2200 Market StRetailChen Family Trust● 72Enriching
455 Tech Center DrOfficeVanguard Properties● 65Enriching
3100 Riverside AveMixed UseRiver Bend Inv.● 34Low Priority
+ + +
+
+
+
+
+
+
+
+
+ Property locations — scored by AI +
+
+
+ +
+

Want something like this?

+

Let's automate your lead generation pipeline.

+ Get in Touch → +
+ +
+
+ + Built with Claude Code +
+
+
+ + \ No newline at end of file diff --git a/genre-universe.html b/genre-universe.html new file mode 100644 index 0000000..498346d --- /dev/null +++ b/genre-universe.html @@ -0,0 +1,433 @@ + + + + + +3D Genre Universe — Interactive Artist Visualization Case Study + + + + +
+ ← Back to Portfolio + +
+
🌌 Data Visualization + 3D
+

3D Genre Universe

+

"56 artists mapped across 6 audio dimensions in 3D space"

+
+ +
+
The Challenge
+

Where Do You Fit in the Genre Landscape?

+
+

An electronic music artist needed to understand where they fit in the genre landscape relative to peers — for playlist pitching, branding, and identifying collaboration opportunities. Traditional genre categorization is flat and subjective. Music lives in a multi-dimensional space that's impossible to see without the right tools.

+
+
+ +
+
The Solution
+

An Interactive 3D Galaxy of Sound

+

Built an interactive 3D visualization using Three.js that maps artists across multiple audio dimensions:

+
    +
  • ✓ 3 primary axes: Valence (happy↔sad), Tempo (slow↔fast), Electronic↔Organic
    • +
  • ✓ 6 spike extensions per artist: energy, danceability, emotional depth, lyrical complexity, acousticness, production density
    • +
  • ✓ All data pulled from Spotify's audio features API — real data, not guesswork
    • +
  • ✓ UnrealBloom post-processing for gorgeous glow effects
    • +
  • ✓ Full orbit controls — zoom, pan, rotate the entire universe
    • +
+
+ +
+
How It Works
+

Data → 3D Universe

+
+
+
1
+
🎵
+
Spotify API
+
Audio features
+
+
+
2
+
📊
+
Feature Extraction
+
6 dimensions
+
+
+
3
+
📐
+
3D Positioning
+
Algorithm
+
+
+
4
+
✨
+
Three.js Scene
+
Interactive
+
+
+
5
+
🌟
+
Bloom Effects
+
Post-processing
+
+
+
+ +
+
Tech Stack
+

Built With

+
+ Three.js + Spotify API + Python + OrbitControls + UnrealBloomPass + CSS2DRenderer + WebGL +
+
+ +
+
Results
+

Impact at a Glance

+
+
+
56
+
Artists Mapped
+
+
+
6
+
Audio Dimensions
+
+
+
3D
+
Interactive Exploration
+
+
+
Real
+
Spotify Data
+
+
+
12
+
Collaborators Found
+
+
+
+ +
+
Product Preview
+

The 3D Universe

+
+
+ + + +
genre-universe.app — 56 artists loaded
+
+
+ +
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ + +
+
+
+
+
+
+
+ + +
+
+ Odesza +
+
+
+ Flume +
+
+
+ Your Artist +
+
+
+ Bonobo +
+
+
+ Tycho +
+
+
+ Rufus +
+
+
+ Caribou +
+
+
+ Four Tet +
+
+
+ Jamie xx +
+
+
+ Petit Biscuit +
+ + +
← Sad
+
Happy →
+
Electronic ↑
+
Organic ↑
+ + +
+
High energy
+
Mid energy
+
Low energy
+
+
+
+
+ +
+

Want something like this?

+

Let's create stunning data visualizations for your project.

+ Get in Touch → +
+ +
+
+ + Built with Claude Code +
+
+
+ + \ No newline at end of file diff --git a/index.html b/index.html new file mode 100644 index 0000000..4861f34 --- /dev/null +++ b/index.html @@ -0,0 +1,389 @@ + + + + + +Jake Shore — AI & Full-Stack Case Studies + + + + +
+
+
+ + Available for projects +
+

AI-Powered Products,
Built at Speed

+

Full-stack development meets AI engineering. From SaaS platforms to 3D visualizations — here's a selection of recent work.

+
+ +
+ + +
+
+
⚡
+

AI Ad Creative Engine

+

"From URL to 6 ad formats in 60 seconds"

+
+ Claude API + Node.js + Web Scraping + HTML/CSS +
+
+
+ View Case Study → + 60s generation +
+ + + + +
+
+
🔗
+

30+ Enterprise AI Integrations

+

"Connecting AI to every tool your business already uses"

+
+ TypeScript + MCP Protocol + REST APIs + OAuth2 +
+
+
+ View Case Study → + 1,500+ tools +
+ + + + +
+
+
🧠
+

TheNicheQuiz.com — AI Quiz Platform

+

"Full SaaS product from idea to live in one session"

+
+ Next.js + PostgreSQL + Stripe + Claude API +
+
+
+ View Case Study → + Idea → Live in 1 day +
+ + + + +
+
+
🌌
+

3D Genre Universe

+

"56 artists mapped across 6 audio dimensions in 3D space"

+
+ Three.js + Spotify API + Python + WebGL +
+
+
+ View Case Study → + 56 artists, 6D +
+ + + + +
+
+
🏢
+

CREdispo — CRE Lead Gen

+

"Automated pipeline from property data to qualified leads"

+
+ Next.js + PostgreSQL + Python + AI Scoring +
+
+
+ View Case Study → + 20hrs → 2min +
+ +
+ +
+

Want to see what I can build for you?

+
+ + Built with Claude Code +
+
+
+ + \ No newline at end of file diff --git a/mcp-integrations.html b/mcp-integrations.html new file mode 100644 index 0000000..631af04 --- /dev/null +++ b/mcp-integrations.html @@ -0,0 +1,386 @@ + + + + + +30+ Enterprise AI Integrations — Case Study + + + + +
+ ← Back to Portfolio + +
+
🔗 Enterprise AI Infrastructure
+

30+ Enterprise AI Integrations

+

"Connecting AI to every tool your business already uses"

+
+ +
+
The Challenge
+

AI Is Isolated From Your Tools

+
+

Businesses run on 10–20+ SaaS tools — but AI can't talk to any of them. Manual data entry between systems wastes 20+ hours per week. Every "AI transformation" project stalls because the AI has no access to real business data.

+
+
+ +
+
The Solution
+

MCP: AI Talks to Everything

+

Built 30+ MCP (Model Context Protocol) server integrations that let AI agents directly control business tools:

+
    +
  • ✓ Stripe — Create invoices, check subscriptions, process refunds via AI
    • +
  • ✓ HubSpot — Update CRM records, log activities, manage deals hands-free
    • +
  • ✓ Salesforce — Query pipeline, update opportunities, generate reports
    • +
  • ✓ Notion — Create pages, update databases, manage project wikis
    • +
  • ✓ 26+ more — Slack, GitHub, Linear, Jira, Google Workspace, and beyond
    • +
+
+ +
+
How It Works
+

Hub-and-Spoke Architecture

+
+ + + + + + + + +
💳Stripe
+
🟠HubSpot
+
☁️Salesforce
+
📝Notion
+
💬Slack
+
🐙GitHub
+
📋Linear
+
🎯Jira
+
📧Gmail
+
📊Sheets
+
📁Drive
+
📅Calendar
+
+ 🧠 + AI + MCP +
+
+
+ + 18 more integrations +
+
+ +
+
Tech Stack
+

Built With

+
+ TypeScript + MCP Protocol + REST APIs + OAuth2 + Node.js + 30+ SaaS APIs + JSON-RPC + Zod Validation +
+
+ +
+
Results
+

Impact at a Glance

+
+
+
30+
+
Integrations Built
+
+
+
1,500+
+
AI-Callable Tools
+
+
+
20+
+
Hrs/Week Saved
+
+
+
Any AI
+
Claude, GPT, etc.
+
+
+
+ +
+
Product Preview
+

Integration Dashboard

+
+
+ + + +
mcp-hub.app/integrations
+
+
+
+
💳
+
Stripe
47 tools
+
+
+
+
🟠
+
HubSpot
62 tools
+
+
+
+
☁️
+
Salesforce
58 tools
+
+
+
+
📝
+
Notion
35 tools
+
+
+
+
💬
+
Slack
28 tools
+
+
+
+
🐙
+
GitHub
44 tools
+
+
+
+
📋
+
Linear
31 tools
+
+
+
+
🎯
+
Jira
39 tools
+
+
+
+
📊
+
Google Sheets
22 tools
+
+
+
+
+
+ +
+

Want something like this?

+

Let's connect your AI to the tools your team already uses.

+ Get in Touch → +
+ +
+
+ + Built with Claude Code +
+
+
+ + \ No newline at end of file diff --git a/nichequiz.html b/nichequiz.html new file mode 100644 index 0000000..7ae4db2 --- /dev/null +++ b/nichequiz.html @@ -0,0 +1,373 @@ + + + + + +TheNicheQuiz.com — AI Quiz Platform Case Study + + + + +
+ ← Back to Portfolio + +
+
🧠 Full SaaS Build
+

TheNicheQuiz.com — AI Quiz Platform

+

"Full SaaS product from idea to live in one session"

+
+ +
+
The Challenge
+

Lead Gen Quizzes Are Expensive to Build

+
+

Businesses want interactive quizzes to engage audiences and capture leads, but building custom quiz apps requires weeks of development and multiple tools. Off-the-shelf quiz builders lack the flexibility and branding control businesses need to stand out.

+
+
+ +
+
The Solution
+

Idea → Live SaaS in One Day

+

Built a complete SaaS platform that generates AI-powered niche quizzes with everything included:

+
    +
  • ✓ AI generates quiz questions for any niche — fitness, finance, cooking, tech, anything
    • +
  • ✓ Full authentication system with Clerk — users sign up, log in, manage quizzes
    • +
  • ✓ Stripe payment processing for premium features and subscriptions
    • +
  • ✓ Custom branding — colors, logos, domains per quiz
    • +
  • ✓ Lead capture and analytics dashboard for quiz creators
    • +
+
+ +
+
How It Works
+

5 Steps to Live Quiz

+
+
+
1
+
🎯
+
Choose Niche
+
Any topic
+
+
+
2
+
🤖
+
AI Generates
+
Questions + answers
+
+
+
3
+
🎨
+
Customize
+
Branding + style
+
+
+
4
+
🚀
+
Deploy
+
Custom domain
+
+
+
5
+
📊
+
Collect Leads
+
Analytics dashboard
+
+
+
+ +
+
Tech Stack
+

Built With

+
+ Next.js + PostgreSQL + Auth (Clerk) + Stripe + Claude API + Cloudflare + Tailwind CSS +
+
+ +
+
Results
+

Impact at a Glance

+
+
+
1 Day
+
Idea to Live Product
+
+
+
∞
+
Niches Supported
+
+
+
Full
+
Auth + Payments
+
+
+
Custom
+
Domain Support
+
+
+
+ +
+
Product Preview
+

The Quiz Interface

+
+
+ + + +
thenichequiz.com/quiz/fitness-iq
+
+
+
+
Question 6 of 10
+
What's the most effective rep range for building muscle hypertrophy?
+
+
+ A + 1–3 reps (strength focus) +
+
+ B + 8–12 reps (hypertrophy range) +
+
+ C + 15–20 reps (endurance focus) +
+
+ D + 25+ reps (cardio territory) +
+
+
Next Question →
+
Powered by TheNicheQuiz.com
+
+
+
+ +
+

Want something like this?

+

Let's build your SaaS product at record speed.

+ Get in Touch → +
+ + +
+ + \ No newline at end of file