← All projects
Live

Cheshire Renovation

A renovation portfolio built rapidly with modern web tooling and AI-assisted development, giving contractors one place to review scope, photos, and questions before preparing an estimate.

WEB / RAPID DEVELOPMENT

Next.js App RouterReactTypeScriptTailwind CSSStatic exportCloudflare PagesAI-assisted development

Problem

We needed a clear way to share several planned home renovations with contractors. Each project had its own scope, existing conditions, reference images, and questions. A single web portfolio could put that information in one place before anyone prepared an estimate, without adding a backend to maintain.

Approach

I used rapid prototyping and iterative AI-assisted development to move from the practical need to a working site. Clear direction and repeated feedback kept the build focused: make the projects easy to understand, make the photos easy to inspect, and make the next step obvious. AI compressed the implementation cycle; responsive layout, content structure, and deployment choices still needed deliberate decisions.

Build

The site uses Next.js App Router, React, and TypeScript, with Tailwind CSS for the visual system. Project content lives in structured data rather than being repeated across components. Reusable project cards open detailed scopes and image galleries, while a mobile menu handles smaller screens. A static export produces the deployable files for Cloudflare Pages. Interactive components run in the browser; the site does not need a Node server or database. Images are served as static assets, without a server-side image optimizer.

Technologies

Outcome

The portfolio is publicly deployed and gives contractors a shared reference for reviewing the renovation work and asking questions before submitting estimates. Static hosting keeps the infrastructure small, and structured project data makes later updates straightforward. The project demonstrates a repeatable way to move quickly with AI-assisted development while keeping a clear component structure and a simple deployment path.

Screenshots

What I learned

EXPLORE ANOTHER PROJECTMindjax Command Center
← Back to selected workLet’s connect ↗