AI Interior Design App Prototype

What this project demonstrates

A customized Next.js application for uploading a room photo and generating an AI-assisted interior design variation. The project demonstrates an image-to-image AI workflow, upload handling, a user-facing generation flow, and deployment of an AI application interface.

Use case

This type of project is useful as proof for AI product prototyping, image transformation workflows, creative application UI, and API-backed web applications that connect user uploads to AI model inference.

Features

• Room photo upload.
• Interior style selection.
• AI-assisted room transformation flow.
• Before/after comparison interface.
• Generated result download.
• Deployed landing page with acty.dev attribution.

Technical stack

• Framework: Next.js.
• Frontend: React, TypeScript, Tailwind CSS.
• UI: Headless UI, Heroicons, Framer Motion.
• AI API: Replicate.
• Upload/storage integration: Bytescale-style upload flow.
• Optional rate limiting: Upstash Redis.

Architecture

The app accepts a user-uploaded room image, sends it through a Next.js API route to an external AI image model, then renders the generated design result for comparison and download.

Deployment

Current deployed proof URL: https://interiordesgn.replit.app/

How to run locally

Create a local environment file with the required service keys:

REPLICATE_API_KEY=your_replicate_key
NEXT_PUBLIC_UPLOAD_API_KEY=your_upload_key
UPSTASH_REDIS_REST_URL=your_upstash_url
UPSTASH_REDIS_REST_TOKEN=your_upstash_token

Install and run:

npm install
npm run dev

Build:

npm run build

Notes

This repository is a customized fork used as a portfolio proof-of-work edition. It should not be presented as a primary owned product proof without noting the fork boundary. It does not include private client data, production credentials, internal datasets, or confidential business logic.