Case Study

AI Website Feedback Platform

AI-powered SaaS

An AI-powered website analysis platform with authentication, dashboards, reports, charts, PDF export, admin features, Stripe subscriptions, Supabase, PostgreSQL and OpenAI integration.

7 weeksFull Stack DeveloperIndependent / Client project

Project Overview

A SaaS product that analyzes any public website using AI and returns actionable UX, performance, clarity and conversion insights. Users can view interactive dashboards, export PDF reports and subscribe to tiered plans.

An AI-powered website analysis platform with authentication, dashboards, reports, charts, PDF export, admin features, Stripe subscriptions, Supabase, PostgreSQL and OpenAI integration.

Client

Independent / Client project

Role

Full Stack Developer

Duration

7 weeks

Status

Live & Running

Development Process

How This Project
Was Built

A detailed walkthrough of each phase from concept to launch.

01

Product definition

Defined the analysis pipeline from URL input to AI-generated report with subscription gating.

  • •Identified core metrics: performance, clarity, accessibility and conversion.
  • •Designed subscription tiers (free report limit, paid unlimited + PDF export).
  • •Planned multi-tenant dashboard with per-user report history.
02

Auth, dashboard & billing

Built authentication, user dashboards and Stripe subscription integration.

  • •Authentication with Supabase-backed user accounts.
  • •Stripe Checkout and customer portal for subscriptions and invoices.
  • •Dashboard showing report history, scores and usage metrics.
03

AI analysis engine

Integrated OpenAI to crawl page structure and generate improvement recommendations.

  • •Server-side page fetch and HTML/meta extraction for target URLs.
  • •OpenAI prompts tuned to return UX, clarity, accessibility and conversion scores.
  • •Chart visualizations for score breakdowns per category.
04

Reports & PDF export

Added report detail views and server-generated PDF export for paid users.

  • •Shareable public report pages with score rings and bars.
  • •PDF export via server-side rendering for subscribed users.
  • •Admin panel to view all reports and manage users.
05

Launch & optimization

Hardened rate limiting, validation and deployment to production.

  • •Zod validation and per-email rate limiting on the analysis API.
  • •Cached analysis results to reduce redundant OpenAI calls.
  • •Deployed on Vercel with Supabase PostgreSQL.
Challenges & Solutions

Overcoming
The Hard Parts

Key challenges faced and how they were resolved.

⚠

Challenge 1

Controlling OpenAI costs by caching repeated analyses of the same URL.

⚠

Challenge 2

Ensuring PDF exports matched the on-screen report design exactly.

Technical Details

Tech Stack
& Architecture

Technologies and tools used to build this project.

📦Next.js
📦React
📦TypeScript
📦Tailwind CSS
📦Supabase
📦PostgreSQL
📦OpenAI API
📦Stripe
📦Zod
📦Recharts
📦Vercel
Key Results

What Was
Achieved

Major outcomes and deliverables from this project.

01

AI-powered website analysis & scoring

Successfully implemented and deployed.

02

Interactive dashboards & charts

Successfully implemented and deployed.

03

PDF report export

Successfully implemented and deployed.

04

Stripe subscriptions & billing

Successfully implemented and deployed.

05

Admin panel & user management

Successfully implemented and deployed.

Like What You See?

Let's work together on your next project.