AI-powered architectural visualization SaaS built with React, TypeScript, and Puter. Use AI models from Claude to Gemini to transform 2D floor plans into photorealistic 3D renders with permanent hosting and persistent metadata. This project features 2D-to-3D photorealistic rendering, serverless workers, high-performance KV storage, and a global community feed.
👉 2D-to-3D Visualization: Instant architectural rendering that transforms flat floor plans into photorealistic 3D models using state-of-the-art AI.
👉 Persistent Media Hosting: Permanent file storage that generates public URLs for every upload and output, ensuring your renders are always accessible.
👉 Dynamic Project Gallery: A personalized workspace that tracks your history of visualizations with instant loading and metadata persistence.
👉 Side-by-Side Comparison: Interactive tools designed to visualize the direct transformation from a source architectural sketch to its AI-rendered counterpart.
👉 Global Community Feed: A public discovery engine where users share their architectural projects with the world in a single click.
👉 Privacy Controls: Granular public and private toggles that give users full authority over the visibility and security of their architectural data.
👉 Ownership Mapping: A clean metadata system that tracks project details and user IDs across the entire platform for seamless account management.
👉 Modern Export Functionality: High-performance tools to download and move AI-generated renders into real-world presentations and workflows.
- Frontend: React Router 7 (Vite), TypeScript
- Styling: Tailwind CSS v4
- Icons: Lucide React
- Platform: Puter.js (Auth, Hosting, KV Storage, Workers)
- AI: Claude & Gemini (via Puter Workers)
- UI Components: React Compare Slider
-
Clone the repository:
git clone https://github.com/Manish1803/roomify.git cd roomify -
Install dependencies:
npm install
- Create a
.env.localfile in the root directory. - Copy the contents from
.env.exampleand fill in the values.
VITE_PUTER_WORKER_URL=your-worker-url-hereTo start the development server with HMR:
npm run devVisit http://localhost:5173 to view the application.
app/: Main application logic using React Router v7 conventions.components/: Reusable UI components styled with Tailwind CSS.lib/: Core logic for Puter.js integration, including hosting, storage, and worker actions.public/: Static assets.puter-worker/: (If applicable) Logic for the serverless workers that handle AI rendering and storage.
- Share your renders: Use the Global Community Feed to showcase your designs.
- Privacy first: All your projects are private by default.
Built with ❤️ using React Router and Puter.