• 

  publishable slide show

• 

  main editor of slide show for each element for per slide

• 

  main editor properties panel according to what type of element you use

• 

  final editing of whole per slide with what duration each slide show

• 

  minimal audio editor for trimming fade in and more

• 

  your made all presentatations

Kahani – Slideshow with Publishable Support and a Powerful Editor

Inspiration

We started with a simple question: what if anyone with an idea could launch a slideshow website as easily as writing a prompt?

The spark came from using platforms like bolt.new, which go far beyond basic boilerplate. Unlike traditional site builders that stop at visuals, bolt.new understands the intention behind user prompts and builds not only beautiful UIs but also functional logic. If you have basic web development knowledge, you can sync with it even more effectively to extend or customize your project. Even without code experience, bolt.new empowers users to create complete, usable applications. We wanted to build something equally powerful and accessible—thus, Kahani was born.

What it does

Kahani is a modern slideshow application that lets anyone create rich, interactive presentations.

Users can craft each slide using a powerful editor that supports:

• Text, images, audio, and shapes
• Timeline-based animations
• Global and per-slide audio control
• Visual effects like filters and transitions

Once done, users can publish their slideshow and share it with others, making it ideal for storytelling, teaching, portfolios, or even mini-documentaries.

How we built it

We used a modern tech stack to ensure fast performance and a great developer experience:

• Frontend: React + Vite + Tailwind CSS
• State Management: Zustand
• Database & Storage: Supabase
• Deployment: Netlify
• Custom Domain: Entri
• Audio Processing: FFmpeg compiled to WebAssembly (WASM)

This stack gave us the flexibility to build a responsive UI, powerful editor features, and seamless audio handling in the browser.

Challenges we ran into

Building the editor panel was the most complex part — especially supporting drag-and-drop, resizing, and in-place editing for text, images, and shapes.

Handling audio editing in-browser using FFmpeg WASM was also challenging, especially when syncing playback with slides or dealing with browser autoplay restrictions.

But the hardest (and most rewarding) part was making sure everything worked together smoothly — animations, timeline logic, user interactions, and audio playback — across devices and browsers.

Accomplishments that we're proud of

The biggest win? We turned our idea into a working product — exactly how we envisioned it.

Seeing users create, publish, and interact with presentations using Kahani was deeply fulfilling. We’re proud that this platform isn't just theoretical — it works and is fun to use.

What we learned

We learned how powerful AI-assisted development can be.

Tools like bolt.new don’t just generate scaffolding — they deeply understand your intent and can generate full-blown applications, complete with logic, UI, and interactivity. It taught us to think in terms of what we want, and let the tools help build the how.

We also learned a lot about real-time content editing, WebAssembly audio processing, and the subtle UX challenges of slideshow apps.

What's next for Slideshow with publishable support and a powerful editor

We’re working to make Kahani even better:

• 🎬 Smarter slide generation — Auto-create slides from user-provided topics or structured data
• 🧩 AI-powered editor — Let users animate, customize, and design with minimal effort
• 🎨 Advanced animation tools — More intuitive panels to support high-level animations
• 🗂 Templates & themes — Start faster with ready-made presentation styles

Built With

• bolt.new
• ffmpeg-wasm
• netlify
• node.js
• supabase
• tailwind
• vite-react