Flux Lura

🔍 Overview

Flux Lura is a browser-based application that allows users to convert multimedia files — including images, audio, and video — quickly and easily. Whether you're compressing a video or converting an image format, it's engineered to make complex tasks accessible.

💡 Key Features

🧪 Technologies Used

• Next.js – Full-stack React framework for fast development
• React – Component-based UI library
• TypeScript – Static typing for predictable code
• Tailwind CSS – Utility-first CSS framework
• Shadcn UI – Headless, accessible component library
• Motion.dev – Animation library for fluid interactions
• FFmpeg – Command-line media processing powerhouse

🧠 Challenges & Learnings

🌀 Handling Media Processing in the Browser

Integrating FFmpeg for in-browser conversion pushed the limits of WebAssembly. I learned how to manage memory efficiently and work around limitations like file size and encoding complexity.

🛠️ Building a Fluid Interface

Achieving responsive and visually appealing design with Tailwind CSS and Shadcn UI taught me to pay attention to layout flexibility and accessibility best practices.

📦 Optimizing Conversion Performance

Experimenting with different FFmpeg flags and thread optimizations deepened my understanding of multimedia processing and helped reduce conversion latency significantly.

🚀 Getting Started

git clone https://github.com/aayushbharti/fluxlura && cd fluxlura

npm install

npm run dev