LUT Lens is a web-based tool for photographers, videographers, and content creators to preview and apply Look-Up Tables (LUTs) to their images in real-time. Upload an image, upload a .cube or .3dl LUT file, and instantly see the color grade applied.

This project was built using Firebase Studio and serves as a powerful example of a modern, serverless web application.

• Real-Time LUT Preview: Instantly apply LUTs to your images and toggle the effect on and off.
• Image Upload: Upload your own images (JPEG, PNG, WebP) to test your LUTs on.
• LUT File Support: Supports common LUT formats (.cube, .3dl).
• Download Processed Image: Download a copy of your image with the LUT effect applied.
• Feedback System: Integrated dialog for users to submit bug reports and feature requests directly to a Firestore database.
• Responsive Design: A clean, modern, and responsive UI that works on all devices.

• Framework: Next.js (with App Router)
• UI: React with TypeScript
• Styling: Tailwind CSS
• UI Components: shadcn/ui
• Backend & Database: Firebase
  • Firestore: For storing user feedback.
  • App Hosting: For seamless deployment.
• Generative AI: Genkit (for potential future AI features)

To get a local copy up and running, follow these simple steps.

• Node.js (v18 or later recommended)
• npm

1. Clone the repository:

   git clone https://github.com/your-username/lut-lens.git
   cd lut-lens

2. Install NPM packages:

   npm install

3. Set up Firebase:

   • This project is configured to work with Firebase. You will need to create a Firebase project and get your own firebaseConfig object.
   • Create a firebaseConfig object in src/firebase/config.ts.

4. Run the development server:

   npm run dev

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

This application is optimized for deployment on Firebase App Hosting. The apphosting.yaml file is pre-configured.

To deploy your application, you would typically use the Firebase CLI:

# Install the Firebase CLI if you haven't already
npm install -g firebase-tools

# Login to your Firebase account
firebase login

# Deploy the backend
firebase apphosting:backends:deploy