Productivity

PresentLy

An AI-powered presentation generator making it easy to create presentations effortlessly.

PresentLy

Overview

PresentLy transforms presentation workflows by combining intuitive design with AI-powered capabilities. Built with TypeScript and Next.js alongside the Gemini AI API for content generation, it offers real-time editing, AI-based content suggestions, and a library of premade themes to streamline the presentation creation process.

Technologies Used

TypeScriptNext.jsWebSocketZustandTailwindCSSPostgreSQLPrismaBunJSGemini AIPexel API

Key Features

  • AI-powered content generation based on user input prompts.
  • Real-time collaboration allowing multiple users to edit presentations simultaneously using WebSockets.
  • Pre-made themes for easy selection and consistent design quality.
  • Intuitive user interface for creating slides efficiently and quickly.
  • Responsive design ensuring cross-platform usability.
  • Secure database layer powered by PostgreSQL and Prisma.

Key Highlights

  • 1Streamlined the presentation creation process with AI-powered content.
  • 2Real-time collaborative editing backed by WebSocket integration.
  • 3Premade themes that allow users to save hours on design.

Challenges Overcome

  • Optimizing the image-fetching pipeline via Pexel API.
  • Enhancing performance for handling large presentation files.

Screenshots

Screenshot 1

Screenshot 1

PresentLy auth interface made with BetterAuth

Screenshot 2

Screenshot 2

Generate outlines with one prompt

Screenshot 3

Screenshot 3

Choose from a variety of premade themes

Screenshot 4

Screenshot 4

Edit presentations

Development Metrics

time To Complete

3 days

commit Count

61

bugs Fixed

7

features Delivered

6

Learning Journey

New Technologies

WebSocketZustandBunJSPexel APIReact-dnd

Time Investment

Research

3-4 hours

Implementation

24 hours

Performance Metrics

Load Time

Average page load time reduced to under 500ms.

API Response

Average Presentation Generation Time: 10.5s

Future Development

  • AI-powered advanced presentation templates.
  • Multi-language support for global usability.
  • Implementing real-time collaboration without performance degradation.
  • AI-generated images for enhancing slide aesthetics.