presentation-maker/sample-presentation.json at main · D0dii/presentation-maker · GitHub

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
{
  "id": "c6e2b8a0-3b8b-4b4a-8e0a-3e7b6b2a8e0a",
  "name": "Complete Slide Types Showcase",
  "slides": [
    {
      "type": "title",
      "title": "Welcome to the Slide Types Showcase!",
      "subtitle": "Exploring all 11 available slide types"
    },
    {
      "type": "bulletPoints",
      "title": "What We'll Cover",
      "items": [
        "Basic content slides",
        "Interactive elements",
        "Data visualization",
        "Comparison tools",
        "Timeline features"
      ]
    },
    {
      "type": "code",
      "title": "Hello World Example",
      "code": "function greet(name) {\n  console.log(`Hello, ${name}!`);\n  return `Welcome to the presentation, ${name}`;\n}\n\ngreet('World');",
      "language": "javascript"
    },
    {
      "type": "image",
      "src": "https://cataas.com/cat",
      "title": "A Beautiful Cat Image"
    },
    {
      "type": "textImage",
      "title": "Text with Image Example",
      "text": "This slide type allows you to combine text content with an image. Perfect for explaining concepts while showing visual examples. The image can be positioned on either the left or right side of the text.",
      "imageSrc": "https://cataas.com/cat/says/hello",
      "imagePosition": "right"
    },
    {
      "type": "quote",
      "text": "The best way to predict the future is to invent it.",
      "author": "Alan Kay"
    },
    {
      "type": "comparison",
      "title": "Frontend vs Backend Development",
      "left": {
        "title": "Frontend",
        "items": ["User interface design", "React, Vue, Angular", "CSS and styling", "Browser compatibility"]
      },
      "right": {
        "title": "Backend",
        "items": ["Server logic", "Node.js, Python, Java", "Database management", "API development"]
      }
    },
    {
      "type": "timeline",
      "title": "Web Development Evolution",
      "events": [
        {
          "date": "1990",
          "text": "HTML was created"
        },
        {
          "date": "1995",
          "text": "JavaScript was born"
        },
        {
          "date": "1996",
          "text": "CSS was introduced"
        },
        {
          "date": "2013",
          "text": "React was released"
        }
      ]
    },
    {
      "type": "chart",
      "title": "Programming Language Popularity",
      "chartType": "bar",
      "data": [
        {
          "label": "JavaScript",
          "value": 95
        },
        {
          "label": "Python",
          "value": 87
        },
        {
          "label": "TypeScript",
          "value": 73
        },
        {
          "label": "Java",
          "value": 68
        },
        {
          "label": "C++",
          "value": 45
        }
      ]
    },
    {
      "type": "process",
      "title": "Software Development Process",
      "steps": [
        {
          "step": 1,
          "text": "Plan & Design"
        },
        {
          "step": 2,
          "text": "Code & Develop"
        },
        {
          "step": 3,
          "text": "Test & Debug"
        },
        {
          "step": 4,
          "text": "Deploy & Monitor"
        }
      ]
    },
    {
      "type": "callToAction",
      "title": "Ready to Start Building?",
      "buttonText": "Get Started Now",
      "link": "https://github.com"
    }
  ]
}