Ishmael McCalla Back to portfolio
Case study · Replit 10 Year hackathon · 2-3 May 2026

Designing and shipping an AI product in under 24 hours, solo.

Three products in one. A free AI lease reader that reads any US lease in 15 seconds and cites the actual state law. A curated 50-state legal-aid directory. And a built-in AI chatbot that knows every state's tenant rules. Designed, built, branded, and shipped solo in under 24 hours for the Replit 10 Year hackathon.

Role
Solo, every layer
Window
24 hours · 2-3 May 2026
Surfaces
Brand, web, AI, data
Status
Live ↗
01The brief

Replit gave 24 free hours of their AI Agent. I gave myself a tighter brief.

Ship a real product for real people. Live URL by the deadline. Brand from scratch. Two audiences from day one: a tool that protects renters who sign and landlords who issue, with one product working both jobs.

"Both sides deserve a fair read."

02The work

Brand, Analyzer, data, chatbot. Four layers, all original.

The Brand

Brand came before product. Cream, sage, clay, Fraunces italic — an editorial register that reads like a thoughtful magazine, not a SaaS dashboard. 32 hand-coded SVG icons and 6 big illustrations, all drawn from scratch. A renter signing a 35-page contract has to feel the tool is on their side before they'll trust the analysis.

Logo
Palette
Type
FrauncesItalic display + Inter body
Check the Lease share poster: yellow halftone background with the wordmark, the headline 'Your lease, in plain English.', three pill labels, and a hand-drawn flagged document and key, all in the editorial brand style.
Launch share poster, built in the same SVG language as the icons.
16 of the 32 hand-coded SVG icons shipped in the product.

The Analyzer

Reads any US lease in 15 seconds. Returns a state-tagged action plan with the red flags, the missing tenant protections, and the exact questions to ask before signing. Every flag links to the actual statute.

California renter, pre-signing review. 4 red flags, 6 missing protections, 7 questions to ask.

The State Map

Click any state to see the tenant laws and the free legal aid available there. Two databases sit underneath: a 50-state tenant law dataset that gives the AI real statutes to cite, and a curated legal-aid directory for every state, DC, and 6 territories.

Interactive US map. All 50 states, DC, and 6 territories.

The Chatbot

A floating chatbot that answers state-specific tenant questions in plain English: notice required for entry in California, deposit caps in Texas, eviction timelines in New York. Streams responses, never stores transcripts. Built for the renter who reads the analysis and has one more question.

Ask the Lease chatbot widget. Sage header with the wordmark, hand-drawn key icon prompt cards for 'Find legal aid', 'Notice for entry', 'Deposit limits', and 'Eviction process', plus a state selector dropdown set to California and a 'Type your question' input.
Ask the Lease. Floating widget on every page, state-aware.
03By the numbers

In 24 hours.

24h
Solo, end-to-end. Brand, code, copy, data, deploy.
3
AI surfaces shipped: Analyzer, resources hub, chatbot
<15s
Per lease analysis, with the actual statute cited inline
50
US states covered, plus DC and 6 territories
2
Audiences from day one. Renters and landlords.
$0
Cost to a renter or landlord, ever. No account.
Stack
· React + Vite · Express on Replit · Anthropic API · pdf-parse · Replit Autoscale · Cloudflare Web Analytics · Replit Agent (vibe coding)
Standards applied
WCAG 2.2 AA target Lighthouse 90+ across all four Mobile-first responsive Semantic HTML throughout Prefers-reduced-motion 4.5:1 contrast minimum 8pt grid · modular type scale Hick's Law on the upload form F-pattern hero composition Forward-looking framing throughout Cookieless, privacy-first analytics Skip-to-content link
04Reflection

What 24 hours of solo shipping taught me.

Brand decides trust before the AI runs. People judge a tool in the first three seconds, before any analysis happens. Data quality beats model quality — a citation only works if the source is real. And working with Replit's AI Agent rewards clarity: the cleaner the brief, the better the output.

Next: a custom domain, a non-profit partnership for the resources hub, and a voice mode so a renter can call the chatbot from the doorstep of a viewing.

If your team needs a designer who ships AI products end-to-end, let's talk.
Get in touch ↗