AI Romm Size Detection

A Next.js frontend for the AI Romm Size Detection application. This repository contains the UI for managing projects, rooms, uploads, and camera-detected items. The app uses the Next.js App Router and a component library under app/components and components.

Features

• Authentication (signup / login)
• Project and room management UI
• File upload and S3 integration for images/videos
• Room floor plan, detected items, and room overview pages
• Reusable UI components and dialogs

Tech Stack

• Next.js (App Router)
• React
• AWS SDK (S3) for file uploads
• Radix UI primitives
• Tailwind CSS (postcss) and utility classes

Prerequisites

• Node.js 18+ and npm (or pnpm/yarn)
• Optional: AWS account and S3 bucket (if using S3 uploads)

Local development

1. Install dependencies:

npm install

2. Start the development server:

npm run dev

Open http://localhost:3000 in your browser.

Environment variables

Create a .env.local in the project root to provide runtime configuration. Common variables used by this project:

• NEXT_PUBLIC_API_BASE_URL — backend API base URL
• AWS_REGION — AWS region (if using S3)
• AWS_ACCESS_KEY_ID — AWS access key id (if using S3)
• AWS_SECRET_ACCESS_KEY — AWS secret access key (if using S3)
• S3_BUCKET — S3 bucket name (if using S3 uploads)

Adjust according to your deployment and security practices. Do not commit secrets to the repository.

Build & production

Build the production bundle:

npm run build

Start the production server (after building):

npm run start

Linting

Run the linter:

npm run lint

Deployment

This app is deployable to Vercel or any Node-capable host that supports Next.js. For Vercel, connect the repository and set the environment variables in the project settings.

Contributing

Contributions are welcome. Open issues or PRs for bugs, features, or improvements. Keep changes focused and add brief descriptions to PRs.

License

Specify a license for your project here (e.g., MIT). If you don't have a license yet, add one to the repository.

---

If you'd like, I can also:

• add a LICENSE file
• add a short local development checklist
• create a sample .env.example with the expected keys

Generated and added to the repository. This is a Next.js project bootstrapped with create-next-app.

Getting Started

First, run the development server:

npm run dev
# or
yarn dev
# or
pnpm dev
# or
bun dev

Open http://localhost:3000 with your browser to see the result.

You can start editing the page by modifying app/page.tsx. The page auto-updates as you edit the file.

This project uses next/font to automatically optimize and load Geist, a new font family for Vercel.

Learn More

To learn more about Next.js, take a look at the following resources:

• Next.js Documentation - learn about Next.js features and API.
• Learn Next.js - an interactive Next.js tutorial.

You can check out the Next.js GitHub repository - your feedback and contributions are welcome!

Deploy on Vercel

The easiest way to deploy your Next.js app is to use the Vercel Platform from the creators of Next.js.

Check out our Next.js deployment documentation for more details.