grand-ppt

byAffan Shaikh

Generate a ppt with information given in this screenshot

Landing
Landing

Comments (0)

No comments yet. Be the first!

System Requirements

System Requirement Document
Page 1 of 5

System Requirements Document (SRD)

Project Name: grand-ppt

1. Introduction

The grand-ppt project aims to create a PowerPoint presentation based on user-provided content. The presentation will visually organize the information in a clear, professional, and engaging manner, adhering to the user's preferences and reference materials. This document outlines the system requirements for the project.

2. System Overview

The system will generate a PowerPoint presentation using the content provided by the user. It will include:

  • Title slide
  • Content slides with key tasks, extensions, and questions
  • Visual styling inspired by the reference image
  • Optional visuals and styling enhancements based on user feedback

The presentation will be delivered in .pptx format, ensuring compatibility with Microsoft PowerPoint and similar software.

Page 2 of 5

3. Functional Requirements

  • As User, I should be able to provide content for the slides via text or images.
  • As User, I should be able to review and request changes to the generated presentation.
  • As User, I should receive the presentation in .pptx format.
  • As User, I should see slides styled according to the reference image provided.

4. User Personas

  • Admin: Responsible for generating and delivering the presentation.
  • User: Provides content and reviews the generated presentation.

5. Visuals Colors and Theme

Color Palette:

Inspired by the reference image, the following color palette is created for the project:

  • Background: #FFFFFF (White)
  • Surface: #F5F5F5 (Light Gray)
  • Text: #000000 (Black)
  • Accent: #FFD700 (Yellow Highlight)
  • Muted: #808080 (Gray)

This palette ensures readability and highlights key sections effectively.

Page 3 of 5

6. Signature Design Concept

Interactive Highlighted Sections:

The presentation will feature a bold design concept where highlighted sections (e.g., "Extension" and "Questions") dynamically glow when hovered over during the slideshow. This glow effect will use the accent color (#FFD700) and subtle animations to draw attention to critical points.

Home Slide Design: The title slide will feature a clean layout with:

  • A large, bold title in black (#000000).
  • A yellow accent underline (#FFD700) beneath the title.
  • Subtle animations where the subtitle fades in after the title appears.

Content Slide Design:

  • Key tasks and questions will be presented in bullet points with yellow highlights for emphasis.
  • Smooth transitions between slides to maintain engagement.

7. Non-Functional Requirements

  • The system must generate presentations within 5 minutes of receiving content.
  • The presentation must be compatible with Microsoft PowerPoint and Google Slides.
  • The design must adhere to accessibility standards, ensuring readability for users with visual impairments.

8. Tech Stack

Frontend:

  • React: For web-based user interface (if applicable).
Page 4 of 5

Backend:

  • Python: For processing user input and generating presentations.
  • FastAPI: For API endpoints.

Database:

  • MySQL: For storing user preferences and content.

AI Models:

  • GPT 5.4: For generating user-friendly responses and organizing content.

Local Orchestration:

  • Docker: For containerization.

Server-Side Orchestration:

  • Kubernetes: For scaling and deployment.

9. Assumptions and Constraints

  • The user will provide clear and concise content for the presentation.
  • The system will not include proprietary or copyrighted visuals unless explicitly provided by the user.
  • The presentation design will strictly follow the reference image provided.
Page 5 of 5

10. Glossary

  • PowerPoint Presentation: A slideshow created using Microsoft PowerPoint or compatible software.
  • Accent Color: A color used to highlight key elements in a design.
  • Hover Effect: A visual change triggered when the cursor is placed over an element.
  • Containerization: Packaging software and its dependencies into a container for consistent deployment.
Landing design preview
Dashboard: View Requests
Content Manager: Review Input
Generator: Create Presentation
Preview: Review Slides
Delivery: Export PPTX