getting_starteds

Welcome to MarkdownToPrettyPDF

A modern markdown editor with live preview, 25+ diagram types, math equations, and PDF export.

Tip

Edit this markdown to see the live preview update in real-time. Use Ctrl+S / Cmd+S to save.

Features

Live Preview — rendered output as you type
Syntax Highlighting — 190+ languages
Diagrams — Mermaid, PlantUML, Graphviz, D2, Chart.js & more
Math — KaTeX inline & block equations
Share — generate shareable links instantly
Export — download as HTML or PDF

Nice to see this.

THis is new version of the document.

Mermaid Diagrams

Flowchart

Sequence Diagram

Entity Relationship Diagram

State Diagram

Gantt Chart

Pie Chart

Git Graph

Class Diagram

PlantUML (Kroki)

Graphviz / DOT (Kroki)

D2 Diagram (Kroki)

Nomnoml (Kroki)

Ditaa (Kroki)

SVG Bob (Kroki)

BlockDiag (Kroki)

WaveDrom (Kroki)

Pikchr (Kroki)

Chart.js

Line Chart

Chart

Doughnut Chart

Chart

Bar Chart

Chart

KaTeX / Math Equations

Inline Math

Einstein’s famous equation $E = mc^2$ changed physics forever. The quadratic formula $x = \frac{-b \pm \sqrt{b^2 - 4ac}}{2a}$ solves any second-degree polynomial.

Block Equations

\int_{-\infty}^{\infty} e^{-x^2} dx = \sqrt{\pi}

\mathbf{F} = m\mathbf{a} = m\frac{d^2\mathbf{r}}{dt^2}

Maxwell’s Equations

\begin{aligned} \nabla \cdot \mathbf{E} &= \frac{\rho}{\varepsilon_0} \\[6pt] \nabla \cdot \mathbf{B} &= 0 \\[6pt] \nabla \times \mathbf{E} &= -\frac{\partial \mathbf{B}}{\partial t} \\[6pt] \nabla \times \mathbf{B} &= \mu_0 \mathbf{J} + \mu_0 \varepsilon_0 \frac{\partial \mathbf{E}}{\partial t} \end{aligned}

Matrix Operations

\begin{bmatrix} a_{11} & a_{12} & a_{13} \\ a_{21} & a_{22} & a_{23} \\ a_{31} & a_{32} & a_{33} \end{bmatrix} \begin{bmatrix} x \\ y \\ z \end{bmatrix} = \begin{bmatrix} b_1 \\ b_2 \\ b_3 \end{bmatrix}

Softmax Function

\sigma(z_i) = \frac{e^{z_i}}{\displaystyle\sum_{j=1}^{K} e^{z_j}} \quad \text{for } i = 1, \ldots, K

Vega-Lite Chart (Kroki)

Excalidraw (Kroki)

ERD — Entity Relationship (Kroki)

C4 Architecture (Kroki)

SeqDiag (Kroki)

ActDiag (Kroki)

NwDiag — Network (Kroki)

PacketDiag — Packet Structure (Kroki)

RackDiag — Server Rack (Kroki)

Tables

Feature	Status	Priority
User Auth	✅ Done	High
Dashboard	✅ Done	High
Search	🔄 WIP	Medium
Notifications	📋 TODO	Low
Dark Mode	✅ Done	Medium

Criteria	PostgreSQL	MongoDB	Redis
Type	Relational	Document	Key-Value
ACID	Full	Per-document	Partial
Scale	Vertical	Horizontal	In-memory
Best For	Complex queries	Flexible schema	Caching

Code Blocks

TypeScript

typescript

interface User {
  id: string;
  email: string;
  name: string;
  role: 'admin' | 'user' | 'moderator';
}

async function findUserByEmail(email: string): Promise<User | null> {
  const cached = await redis.get(\`user:\${email}\`);
  if (cached) return JSON.parse(cached);

  const user = await db.query<User>(
    'SELECT * FROM users WHERE email = $1',
    [email]
  );
  if (user) {
    await redis.setex(\`user:\${email}\`, 300, JSON.stringify(user));
  }
  return user;
}

Python

python

from dataclasses import dataclass
from typing import Optional

@dataclass
class PipelineResult:
    stage: str
    success: bool
    duration_ms: float
    output: Optional[str] = None

async def run_pipeline(stages: list[str]) -> list[PipelineResult]:
    results = []
    for stage in stages:
        try:
            output = await execute_stage(stage)
            results.append(PipelineResult(stage, True, 0, output))
        except Exception as e:
            results.append(PipelineResult(stage, False, 0, str(e)))
            break
    return results

Admonitions

Note

This is a note admonition providing additional context.

Tip

Use Ctrl+S / Cmd+S to save, and the share button to generate a link.

Task Lists

MarkdownToPrettyPDF — Edit, preview, and export beautiful documents.