Inspiration

As students in Winnipeg, we quickly grew frustrated with the limitations of traditional tools like PowerPoint. We saw firsthand how outdated slide-making could slow down our work. At the same time, content generation AI was rapidly advancing—but there wasn’t an easy, web-based solution to create polished presentations on the fly. Whether for impromptu class projects or starting points for meetings, we believed there had to be a better way. That’s when the idea for FlamSlides was born.

What it does

FlamSlides transforms a simple topic and description into a complete, professional presentation. Using GPT-4, it generates engaging content while DALL-E 3 produces stunning visuals automatically. With an interactive chat interface for fine-tuning, real-time previews, and an auto-playing slideshow feature, it delivers modern, responsive slides without the hassle of manual formatting.

How we built it

We developed FlamSlides with a cutting-edge tech stack:

  • Frontend: React, TypeScript, Vite
  • UI Components: Shadcn UI (built on Radix UI) with Tailwind CSS for styling
  • AI Integration: OpenAI GPT-4 and DALL-E 3
  • Additional Tools: React Hooks for state management, Zod for validation, a custom logger, PptxGenJS for PowerPoint generation, and QRCode.react for QR integration

Challenges we ran into

Integrating multiple AI services to work in harmony was a major hurdle. We had to ensure the generated content was both contextually accurate and visually appealing while maintaining a smooth, real-time user experience. Balancing automation with user control proved challenging and required rigorous testing and iteration.

Accomplishments that we're proud of

We’re proud of launching a prototype that resonates with users by simplifying a traditionally tedious process. The project is open-source as well so we hope that people contribute and improve it as well.

What we learned

This journey reinforced the value of agile development and user-centric design. We learned that combining creativity with robust technology can transform an everyday tool into something truly innovative, and that iterative improvement is key to overcoming technical challenges. We also learnt how to research UI libraries for presentation and embed AI into them.

What's next for FlamSlides

Looking forward, we plan to enhance customization options, integrate additional productivity tools, and further refine our AI algorithms. Our vision is to make FlamSlides the ultimate solution for dynamic, impromptu presentations—empowering users to create captivating slides at the speed of thought.

Built With

  • accessible-components)
  • component-based-frontend)
  • dall-e-3-(image-creation)-state-management-&-validation:-react-hooks-(state-handling)
  • languages-&-frameworks:-react
  • logger
  • qrcode.react-(qr-code-creation)
  • tailwind-css-(responsive-styling)-ai-&-apis:-openai-gpt-4-(content-generation)
  • typescript-(for-a-fast
  • vite-(for-efficient-development)-ui-&-styling:-shadcn-ui-(modern
  • zod-(schema-validation)-additional-technologies:-pptxgenjs-(powerpoint-generation)
Share this project:

Updates