From 9aa6c8be875ebea1e09a94e05c9767d28c4779e3 Mon Sep 17 00:00:00 2001
From: Jaronim Pracht <pracht@MacBook-Air-von-Jaronim.local>
Date: Mon, 2 Jun 2025 15:03:39 +0200
Subject: [PATCH] add progress and file-upload to frontend

---
 project/backend/coordinator/app.py            |   6 +-
 .../controller/pitch_book_controller.py       |   3 +
 .../coordinator/controller/socketIO.py        |   3 +
 project/backend/coordinator/requirements.txt  |   8 +
 project/docker-compose.yml                    |   2 +-
 project/frontend/bun.lockb                    | Bin 143704 -> 146934 bytes
 project/frontend/package.json                 |   3 +-
 .../components/CircularProgressWithLabel.tsx  |  33 +++
 .../frontend/src/components/UploadPage.tsx    | 268 +++++++++++-------
 project/frontend/src/components/pdfViewer.tsx | 168 +++++------
 project/frontend/src/routeTree.gen.ts         |  46 +--
 .../src/routes/extractedResult.$pitchBook.tsx | 100 +++++++
 .../frontend/src/routes/extractedResult.tsx   | 101 -------
 project/frontend/src/socket.ts                |   6 +
 14 files changed, 445 insertions(+), 302 deletions(-)
 create mode 100644 project/backend/coordinator/controller/socketIO.py
 create mode 100644 project/frontend/src/components/CircularProgressWithLabel.tsx
 create mode 100644 project/frontend/src/routes/extractedResult.$pitchBook.tsx
 delete mode 100644 project/frontend/src/routes/extractedResult.tsx
 create mode 100644 project/frontend/src/socket.ts

diff --git a/project/backend/coordinator/app.py b/project/backend/coordinator/app.py
index 4094652..d634965 100644
--- a/project/backend/coordinator/app.py
+++ b/project/backend/coordinator/app.py
@@ -1,10 +1,14 @@
 from flask import Flask
+from flask_cors import CORS
 import os
 from dotenv import load_dotenv
 from controller import register_routes
 from model.database import init_db
+from controller.socketIO import socketio
 
 app = Flask(__name__)
+CORS(app)
+socketio.init_app(app)
 
 load_dotenv()
 DATABASE_URL = os.getenv("DATABASE_URL")
@@ -25,4 +29,4 @@ def health_check():
 
 # für Docker wichtig: host='0.0.0.0'
 if __name__ == "__main__":
-    app.run(debug=True, host="0.0.0.0")
+    socketio.run(app,debug=True, host="0.0.0.0", port=5050)
diff --git a/project/backend/coordinator/controller/pitch_book_controller.py b/project/backend/coordinator/controller/pitch_book_controller.py
index afa6042..450b546 100644
--- a/project/backend/coordinator/controller/pitch_book_controller.py
+++ b/project/backend/coordinator/controller/pitch_book_controller.py
@@ -4,6 +4,7 @@ from model.pitch_book_model import PitchBookModel
 from io import BytesIO
 from werkzeug.utils import secure_filename
 import puremagic
+from controller.socketIO import socketio
 
 
 pitch_book_controller = Blueprint("pitch_books", __name__, url_prefix="/api/pitch_book")
@@ -54,6 +55,7 @@ def upload_file():
             db.session.add(new_file)
             db.session.commit()
 
+            socketio.emit("progress", {"id": new_file.id, "progress": 0})
             return jsonify(new_file.to_dict()), 201
     except Exception as e:
         print(e)
@@ -81,6 +83,7 @@ def update_file(id):
                 print(e)
 
     if "kpi" in request.form:
+        socketio.emit("progress", {"id": id, "progress": 100})
         file.kpi = request.form.get("kpi")
 
     db.session.commit()
diff --git a/project/backend/coordinator/controller/socketIO.py b/project/backend/coordinator/controller/socketIO.py
new file mode 100644
index 0000000..2a82575
--- /dev/null
+++ b/project/backend/coordinator/controller/socketIO.py
@@ -0,0 +1,3 @@
+from flask_socketio import SocketIO
+
+socketio = SocketIO(cors_allowed_origins="*")
diff --git a/project/backend/coordinator/requirements.txt b/project/backend/coordinator/requirements.txt
index 7012057..963f260 100644
--- a/project/backend/coordinator/requirements.txt
+++ b/project/backend/coordinator/requirements.txt
@@ -1,3 +1,4 @@
+bidict==0.23.1
 black==25.1.0
 blinker==1.9.0
 cfgv==3.4.0
@@ -6,8 +7,11 @@ distlib==0.3.9
 filelock==3.18.0
 flake8==7.2.0
 Flask==3.1.1
+flask-cors==6.0.0
+Flask-SocketIO==5.5.1
 Flask-SQLAlchemy==3.1.1
 greenlet==3.2.2
+h11==0.16.0
 identify==2.6.12
 itsdangerous==2.2.0
 Jinja2==3.1.6
@@ -24,8 +28,12 @@ puremagic==1.29
 pycodestyle==2.13.0
 pyflakes==3.3.2
 python-dotenv==1.1.0
+python-engineio==4.12.1
+python-socketio==5.13.0
 PyYAML==6.0.2
+simple-websocket==1.1.0
 SQLAlchemy==2.0.41
 typing_extensions==4.13.2
 virtualenv==20.31.2
 Werkzeug==3.1.3
+wsproto==1.2.0
diff --git a/project/docker-compose.yml b/project/docker-compose.yml
index e4877ba..be29228 100644
--- a/project/docker-compose.yml
+++ b/project/docker-compose.yml
@@ -30,7 +30,7 @@ services:
       timeout: 5s
       retries: 5
     ports:
-      - 5000:5000
+      - 5050:5000
 
   spacy:
     build:
diff --git a/project/frontend/bun.lockb b/project/frontend/bun.lockb
index 68a7bd3706c95b9dcddf3c3e4822bba061c00e44..676011c22448c88f859b20853066f9b21747ae99 100755
GIT binary patch
delta 27822
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
SGk4){FWc;GR!^=~{(k{@mxL<-

delta 26116
zcmeI5d3;UR`v3RdawI2&AP8a>vq*v@L{H5_PE18ZYl<WYk&w{Rszh5YDK)IJsn%4q
z#;TdBqIAfm7oDi8(&1J|T6L?G-}~8vxE=1jzu)Wo{r%PR^4ZV&to5wndDgJk+52R<
zaxLiO`JlN`jl$#K>344Tgff@9YxBSOZtUBu#@2tn;Unwnj(NN9z_k0%4u3P+(BzXf
zFQsPrwxe{5XxfO}oa_l1+3E9+h3EH0!>efp_owD&XJ(Jov=W+D8a@aq@#o1@26+-0
zj2xFbVN`6orlqB3-<O)FY0CpNEtL2k9y{M+WGVQB)ZAtxNRNa|{z@h7{JW85;SqsW
ze6@lycAy|LdsIel=7hYBC`bdAmsAhyQAyD>LfVlwD(C*}TumD{aqKuTqa)=?dj@d{
zL3T%0Kwd>keYt72u@BQ2iNC*;`bDqbrUlugx#f`(T>>f1`57~$+4GT-{cXqGeMr$?
zqpN$2`uY0^SA%XtO6^^cqQ1`Ixf!Wx6Pjh_<^P5+DQ~wj3|S8SWu!}WJ7@z@1!;MC
z6DE(#(3*$Y<yA*Ye9ekBFM}jse!&eA$Xjp;DQ1^-GLSthGf&foR?;+d3szDvNd+@e
zCaPd=WxK-R@apgcydz%j2NwfYz{MX0NbyH5QsPfk(KNCa3`RE9^0k6k0#d<H+#nvf
z8!7$M0Vx$mBc<ilky2o8MqW<VeON}VHQ|v+$yXUE6^u&FqhmEKvxaTZTM>3cC#R0h
zq77PgGD-Orkiq!`z9%3Se2f%V9(81m+IGR$YiU{?;xlq{b8?$yOfn$i>Ol0w;ze+g
zPawsE_3PRdT%iF{o=(GQLqWxQw%)x+q6$hP^TjnIvvP)~X60$=8N(+sU$n8fT|P}B
zZP(R6O2K82(p97LGV)|F?y0Y7IImzr1G~V%NOA3R#EYER(DrOsl%&h9QJHvXOe4Fz
z33*xhnZqe)7!hJoBgUp=9M;5k?c~OGd|t-b`!eXj(Rn%9t<WEtk)1a=J56)DW=B)I
zU=xW`3hqPVyn>+SwkIa1W-*o~XxF1`4_qf+8kCXOJ1sRUH9g~dBE-VeNa^#xBgLg3
zlL0Rl96`z$NTpyID`k;YksWEMbX`NFxU@_Yb<k5k|IwCqb}x+;hh^jqpO~4Iu00lS
z7n6sSp)?dJ)%9@VTRXfiQrZ`a6uoP4cC{Cf(v0_zlJ8YyCFFXCKZUF;lWMAyFa{|F
zq&Nzlky1d6!>b`H!Gn;Z_ahA!`_3Yzg13;8zTM%^AtnD6Iwl<X2~yIF9J$SsOsdrE
zJej;&dgh1`2yGb&6;WK&&K{F9k!9hJ5-$agZSM@3>~UEWM`mVM>|pcKNSQ3DX*s#s
zl*6JqCNn)Xw|hss#}gfS7Aa#r8d)lzKxSSu8P?jSPWB{X9ZOHo%pG^D!0gFmQzxX2
z8lIb)mO)ETbhh=vyVwPfMoPuO3`rSMm#JJVHM`n|Tt?#Rf+vtNQc5Fbq_8$*mP~Ip
zIxnuf`YNz~{@x_plYNllu{o3@2H%%CA%hXAElsxTD@2weenMvU<h*f{weS6QxxISW
zBQv?DEf=6C?UMWyr3Ju);Uh3kcy3Ns*2Hm|*5WQ}WabxCCLpu_*FN@;{RAmP_6?*=
z-nB?+_;e%-LP0uG=1wPMEo3bx-av}p+1{E~7x@a31*c#sQXG`;$W)~0bw)<W`dZ&f
z2(}_v?t0mCWn50)1nv^rM+0rkvQx8jGSj&qaz7T+PGhkQk+jq_F-&^^OGDvFNEu3H
zkm9kiNSV7?ITN|xaKnI?fwvW@W_zpUYlCggOM~nZ8<8TT-9N<kWnLyDZbXhIz8{y9
zlO-}^QbyV}`apc0HzB=QM)rN$XK<-;6t#%YN9U#Ij3peIYP%{FDJ^?um|ah2);9F=
z3ziTlO~MTlr1QUV<Y{C%c#$J3V7?T*2QH?rM~VyPA|?NXtn>-itin#wn@+qm=mAHL
zLrVOF+?Gse*;-^zPRmJ7&luq(3`UAY_+9R=84r%MTkI~BwJ}XbwSkmQ{gQN9=iWz3
z!^dW-AA)^Vt7O?O4?v2+$Hr({L*%+KDydYB{Fj-j61@&7<~@s)9@?5?H+L;kn(6K>
z6zReXkyh(QrDjp0R(HJJliX38jmSzJ>E{2Mcqy+<uAL86`@Vv27~1U%dJ~Z4I36iu
zye3j6U!Wr|l2Oe35Gj-TkR!8>58s%1$Eo#O$Cch+B52jNL+@?>U{1HK(V-^;jVxUy
zRrML+hAOP;^9(YWVrq8PL}QMjf~)zAB10u1N|#WD)qLKJ5}MYAf&<jNn(@Z65-K>t
zXM9>hB_SFIsKN-JcSwMywM3<anpZX6yBXFE7O2Wqi8ls%R8n=Hca=xed_;OwpQ`bm
z^RSjGq)MVutE399;WN@pswBjlB~@V!pSN+KrgcJDSI7G&=z%J@rq9?CsFDz01*$?s
z;~-U3)91+w(zIwbyIP{>8A2`9(He=~V}zQLnf6wVH?E^t%ja!PUoea)k?M^cuS%-z
zGuC=lVQruH3~AA%l~BiP#2X>OD!7i%n@J~juridZ6YpIQ>j^6<KJW%IPNjL4xrV=#
z3a;z(E+A4=3`GXdr!b%DQ9aR9o57x-Lh2?O152ymdOqXv(kcmYw6rR$=kw}xzBtQ}
zl0DsFJ<VyA^%nEPgS;k;rJJ-q)#5#8U=&$1(Wq8N6-D|yL(6DdTNP3>(Yu6@6r!tn
zSnz2XRaoEWO=Px7r&zhYIWRHOP{$+Vy~|)MAO)K0L#<xs=N+m?<F-MJa8@vSPFy#t
zoC<E}GnSQ8Ne%H5Y4L8FC$hYzwU#mC9YW|1;>)UX;qk@`<yBH6pZ7eG;=KT=&8SyF
z6%m<Pfjn*r-Zx=gZ?QYV?EWbsW5$yQOSHOm6QPbOBqGt<j9Hk7zOKqOq-_;dVH2OR
zuA(YJT&SpmoBE78l~htwpLYV&KnxF1eQLyeUx0OoX=+}zc<&{c->ubXTUjMF^Ldvr
ze{PLU<5Xo;)XZnJ3Rl5VJ|ibwB}MtX>zHy<isc#4kFYyckEV&nf+|*(7nqrMlgx;y
zAMd@BW#)bugN^RkQB@T+_ZgYhRB*J<yPCNyvx%-^s+@)OhFNpV+njq_vXyqcNxb(#
zm<%X;l%0)GNijZ8Pu7GHYBqylTXj_w<1;Q+SHZD9Z>t(^XETPq_rdJJJ1;!my9*}f
z*}Yo7rV4K1^QN#Q-kR0kd9b#qFgs~+=~}7?mF!xYmSi=jPk6j%7p#-&(J;~5kXx!K
zGdm;WJ?XF!67MM@l%QtUZyQv{u8`4%jeb}=)R|r_;=QXJW?TFjtb<jQ%(CX(i=|EW
zGLi}F2xAP@i1%!O-D6c#yB=Cr=srRNtkBzp+DXW06RC>geMWAi3Qq7Ds}NOu#<571
zl;HD3)|Uy>BO%d~N~nYAdp{x+Yt>n<S%Tg`CAIb$a~i0^);`a<2H3A=hbMZQG_*aT
zsdDw=y@fEDmeyM0JqD8zg*Py-S|d&C3@fFM*NXQ}f{A(d*xLh>s#qbIDc>|wg^4U=
zja5;i&+}pvzByQ?G-B;au$p$9kc{J!R>@_X-OA0}Y~M@;-{JF4B~nI=wR#vu&19x}
zf}-5AMiELEgT3XN+phIk)87w^BO6`9^qkgQ75RML@+=Sih-89QiTCEf5-b%N5zj}f
z!aG@fqg4^2ZHx+T=kq)gqiI8|HlHKZ#j2+P28wU6v3^1T<Ze+gUW-*p?R`e|7OJql
z&oiZkruA1x6BE7X2-&riqn0WyRZ<6^(Z8iC?BMgx#db-fsEByu&6X;-qt8>N6)T;L
ze@_;ncs09A+W=OjPHJ|?M9)Wrx>%t)WJHa)(S+>OO}FB%5K6XEJFp(vIc5-|v&nIS
zke#CvgV8Q!2q8Pix?6ES5b9~=Xvex_r_Lf|mv@4Yowq7;#V&6MAv<mjAv?zpgzOv%
ztfEQkXvekz1Z=e;Lbh5ZCa}{KLUwU03EgG6_p(nVCHcG^?$op%cq~vIXH}mAOIAJF
zCmN^kRKb3qw+yq8UX^u#WFO2go#0tZh{=HB*X>krvd?JHUL_$OZLbOu@3vP($v$sW
z2C^)1jAd4shhf-nPfp`-2UXa^=lz*TT+6WPQ$60B!sP8_F{<+}aTp_&HQ^#mmKOS!
zv^J>80_9OGSH`4HvitDvA`;)AA~&qduv<lYnli=OsG}_sy(0+O@iJ(a!eqwK0B)Ec
z!P=^$k%`{=3`uE<NAAtuJeaiI_QOWlP|FWKZbv<=&;~-?R7i57rxdr<yVdO0iQZH~
zvWzk7DSHKMu;>~$x~ZbOe4ftS9q7mUiJm72#YxCG&|MYw^%+;XtD?R>PaXz$S4aCM
zdX5q5Dj}n?UlsQAc}K8-NZB|bk^K|QwqjoGcy9%IRQ$lA2pa^mXRfgMw-`&L@n#Pd
ze7DaV%uR!iaGWp@mZ*-#Bzjj660@y>jGua{;1r+X>!p%XeBK9p*+YY+hCSY%UaBa?
z=jnZyrroQKrX+gS6B=lR0{U80m$-q1?9^?9`dX=htRHygp0)u5GOehigwm`~bbn1t
zwL<d<*{Qz}A_K*xFt$cop?!ohtWez)t7}Mo_*Uo~Av=d}fZHgO5M7wkHsDrNuYsDD
zB87O@5E73CDV7-T1(-O;-Uqh6M->j{Mt6_9w9>WS<uF;oSO=5iy<fmsEoBjI6z{Eg
zuia60XY_~3D7M)$n2cg;E%u&)+1~Dxn-DbU)=h>{+8tKhqtpL|9e~LkwQj`TQiJWb
z+eNmA$yjF%$CAk~yE>U4J7LmjCKMz5R~WtROs{@J?51c|z9(Vg535YiAy|U7ZN4rc
z;+fxUVOkEg^Dz6^ie$qi5BCe$Dwq#u`|!J=sxXZ$`!G#oF)yfU&F{{9dmLq{NOLyA
z7(vc1=O#>=YTbOiy@uP)V6T8{o`=aqpmA(m{sEJ_8`FYSqD7j`tZD1bhl%g4G~=x_
z6+FV{t)6ZdW_|PU4ummHWjVxOD_~Nsz47=5%$ad4IWZY3X{67Sonh^RM<#mL6A}|y
zNJzerp@K*GybVU!JKZwYzA_zV_mu2{o`T^=R-_}2R<N4aI^OFYY5UPOp(9Lu%$A0|
z!dzGvyAoz^!YCCy+UL!~ZDO;vgn3_uF(QO9FRNv$qR~FjqnWZ^^X19=Iw9LZVqy8w
z_PT-fxT_0H>axDF7*j{9;4GhaE0Nrk?MTn(qM~}#NHnUCQAH#VA7gtAAJO)9S@s5u
zU5`KBcqB^|j`ev?5SeS;^gE5!v}`N1g%AyjO7vbP)QR##ttKR8+fK$6)#8m~*(x~4
z=dGJ#m&ypIl{~4iHhI-lAJ(&dFmby*`me)ep4h8)!Z`ceLpiHA$HSa7?qxe+ZLC%L
z5+N}V3m8B#<L%}IT0J%qW_w?T(?*!o6<{^>XIKZAHGe#vaw%QSuAOMi%vFWCKF^Fi
zS!-tJCVI{h>TiYOCTLn8EA%*_URLP+TcOB_ax;+}xrF=@GG3Xe3MaJ557(@3@ba`n
zo<3;?hy?PvUFz`qKx6|TpWCJ6Yh=aRQg{<k8n6?x@?o#_5g7pR8LN^V&^*ZYpah`T
ztdB^ku(M77Me1to#LD@iodl#h2A}o$BPr=DLRRU0Y&A`!l+J2keMCyLSn{pUzmt-W
z#XsLtB=BEL$vD8#|93JF9hNqEIHWNgtdB@BgkHBkc~XB6!3UiPk>Zi54*w%59a0Fq
zKskE1OX-J2PW-=<qW7$AKLIC$NJ&@;N`e=Fw0Ip5%hx+{15!RB#pRoU7_tjU!wvw^
zKj_HUkTOEw2J&%bz8kn*iU*DZk?#We+%Bcy_khUvfqX<t!%qw0bGwuVp0#5CRZ{*4
z?Yxt4yOe@Ib>c;e2R?VWNJ;;~;kQfC`x1!!%1IX)s0L4}*;>r`2}tfMK$?3E$Va5)
z`c(*@+hqy$%B0HqVuXjRlDni_ej_WvBZ!w$Y9PxZn>l*_PKthW^rZY2NNH69QnI#|
zi!Jjlg*%84Guk-`|2I-9>fq$NT}s7Wh?k1}PWtUq>g%aH1GOg#qSMP!6j=rCzVH5D
zlle}C|7#W8R=#*@G+d&_a1owAmVmfwyu|)Sii;*V@wZEH>15(1=>aaH_mHFaM^a|+
zbSGV;1Rt|`z7>%0<4(d1J3$jE!I=&hDJ_1&iJ#@j*^Yb?DIby2K!ucwmmtN!Wk~*M
z%jM$8lCn^)Awn!z>nN;q6humJJr_yegp>wsmdHPm5yT%MT^ev4DXJ$NeUTD;$C2*}
zk?|)1$#4oO%lg+yspwlI|FrM8$TSR)$p2w!jsO42g2hvTPDB3-nQyr^m<(cRDJP>y
zDX5IYMM^M~i}Ym}Qan~gBL9OFm1>UO@1-;Uf1hBL`!5+Q66O3D#*)(D7z!2{>&O;P
zMSmnkuO;cC66ff}<vS4xPJ~ENZ0*Q4PW&H9Nowop-QnonE+y(tE+X4=5s!5da+}PT
z2&u3uQe5jticSx?I8xGkI{bDi@x7dQkrM2~MfNBIocP<NMBT$hq`c1|Kd%Z2$d(`t
zDf4xVr2a<ASjcwb|42$ha-4LL5**J(;&YvNk;3yFIl+pj|0N(5Pq8BY-z7!JJ1-0W
z^{!dQ-|gFFDMYxm<^N&ZEZJrIZ1r_}q<F3qkdH|5KxZL*M9QYh3jDQgX8TNU$Vhll
zoWe(>IPj0Q%aShfe{Gv(Nd2{K#tFA?pa0r6<B<Qo?ekyTX4yZ>%=>HG{MWYmuWj>R
z+vfkj+vbk{1KVbG^@#~;`W(O7H7i7&nd8?>s77;B)Tr4ZYW7^e?op>;;ZKIBJLdWM
zdDYB$De6tww=l12JwHWFniHa)o$uF6sSB`%b3;@Q<<~>hVwIv!&Ml*Es3g6t>i$%U
znlUd#ZG6hFms3|^3G+kL;01oYf?B&EMSTeiS?Jd*s(}kr)FKt4UV&9sUNc2?dn!bY
zHT`-OwHx*`tokCqUQJ~#N>MK?2vJ92)m4?nDQdvN5cSYvzg|<l1q(7mRI{i3dTllN
z=@hjKb_P~gHClpwi?DBrUyoF$VBw3g?-{?|K+Svx`(WR~8mZRLV&Bu)_pD!UqAtK1
zF2TN~e!ZDmycGLjzrvcU?#r<68SGo;*JIRGSi-Z|x7@F{P-~ZCA1q{rUvH%buE4&f
z*awSO-j&$54Et94_10=P>}Oc@=lpu2%6ty{mSZ364pn6p_N~CaRet?W^%g8>CHAfM
z>+RL#)z}9+1M8?7t--$Muy2iD@2pP2!dGG6^M1Xnn)y8T!M=rcSFK;bzSY?Gf?xNm
z3$TW3uy3tj@1Yj2#Xi`tuwJVBI_!HM`_}pOKI$qg;RWnl@7MdPwd=7D7P7&w_g4cq
zVBcEogQY0%M(kUMeH;DyK(!n8Gpzb1zkaXE+=PAWu@5#_Re2HnHelb2etoEV3l_8y
z`!@UaR5f`s_QB4;(p00Dux}Igz2w(3)G1i_i`citua8tSw_qRaTUe%Qy%qa5W8YT4
zK1N-DHGB#Cw)yq3YVkJggZ&E2QQfy=-xloK?$^hwtFVNv*tf&4=c%<jun!ip)2~ld
z19xKIHtd7lue`gkZ#(ww^6Qh;f!WvxI}CeJmD`PdJ3`dN-G2QcbpSSCXNZd2<Ja@m
z_&wOSD@45qo2F{NjD4`_FZ=aJ)N$CT-65*gUcWwFP1}oodqULbu*X%*E7%8H@QPob
zsm{SBy&R%C@AK<VsCoOaZ*PeD2{v1`e--;+t6%l&bJQi+j8{Tb|NVY_o?5XV`}Tz>
z&jG)#RG$Ob2ip!?p!9>-_iBjBIOx|+^%AVx{t#91HNU=CrM`xJu*0w=s@x&$JAi$M
z{Q9%%0BpcP>^tn&m#OiGvF|nPgRM}tU&lV!^w<6RbL#l(Df%ka=#3P8wVL(@)*Z&W
zH~jkZD(1};{RK6X>sob=>pIo?trUH|n#Xm6y1;d#YG0J1Z&Hi7zNjv7-K@I*Ek%Dx
zt>C&vUFEt}^*NHFZ&PczZddxz6n%#p$aSZBiR&)qeLF?ptx~z}QM<Xmtjhg8Mc=D3
zxxS(faNVb>981w(RpYttS8s7WplTma(GRN0TwhbixgJuDPNe9E)ikcJt5aOxP%-bM
z=x?f-T;EdX-l1=f(>L$>^}nfk@6tCX=o{Ek)&4#D2DbV=zy5c12{z*$`sRJVeq611
zpT2pQzWKnfzoYtmK;OW&!`@T+N&4nJ`sSox|3JM2>-Ii<bIPxuQmLot8`xpkX;tn+
z`sM@r=0m@JMje0+I7#1}_UmWW_|x>wDf$L>PSyU1zJX2u$gh8@j>ATM$k;pM*FRU&
z&d@uj=^fZVRLsYWJ=lVe{rUxU4mRl{>^tk%zgF|kV&56;gMF*oe}a9m)t~tF@6{#P
zjE}MJoL|4BR-D7Wv)Fguum7m}oX0-ccGyo!{}lT^!M;!Z`aji6ux{tD?=!z~Ra3)1
zyW99hQ+p8CG*$ldyN&Cb8jbi>QwI?@G*$JByN#Qg%KhSQT~lv;k)rFW_CHc|Lrvyd
zLLKKCpc;Ld!fkCD*OKZK*FY6>Aw>^TGr4-zIj+H~^;ap}(B^S1tuAm4QSHA@(aWgC
zT+6CUTtij&Z&J9Gt>9W-UFBLq_4zhM4^wNoR#f_TnDRBId?&ZDmtft#!IbaiHkSH5
zT?IP~tES3bq^rKAt1ilI>;P=QcXZVyxs8p#L|1)JSHWtl+CR`$u<1X@ZR|K~)J3}L
zN4bqn`;o4?L|4HYsF=%i6>Py}xs9EJP5ObZ`blnM^M0bMex$2l%~bm<bQNs%6}gRF
zg3Y*0SN&6NV=MkiSN%j+{Vcb!K0nh{u<fu`O23MISFrD@+{Rvlb^9mw{UW!q)L*a<
zb{LkZ%3Z_0pRw<n+{O;T23*Cy>v9_#e;xaN!9G}fRr^=$gH8WcZezz`qpo4!4Y`d?
zyMcYzu@BZ&#oWX`*n*pK8#@P^^lQk1&N{cT1@pM=G`tbA;3rrQv%L;Ic_YMJt;2hn
zmxRx_8DjP~;C;*$hMuw@K@TxKCE$I{J|*B^!nX_WZ|VVhin&N9A|rr^6!RsC=w=X6
z(L=;QGu1=H&k}K1BJMTIl_cVY5=2ZaNyK3DfJ6)kAR;o5h@s~AKq7)XM7$>vsb=jU
zB6dl{^dKVA%;QAp>1HD@BEy^}VuX20#7HwH7%|G6DI(K6Ct|eOx)frJIj@xd#{6(k
z01wPco6W-YocZAa#`1ujg(3P7!?T~~WFb2*)zn|scOHw-qYYBck1FUvo_Bd?Qp!#-
zFP740nY9|}0iMwM{6&NO#=ItqA)}qYe|v{mujmHqlK+#kdQc^+WQ`w1@MYNjb2U#h
zb82OMVI}v^&(g9oqek;~Ty(BCHyelRS3JjC@IFCms4PXbt3p${x0JRMb*Dtlm8jHK
zw^}Fd?q}7zIf9hE9h|njtXu6SOR)PlMr-`$z6SckwcWoRda9@W_Y+dT`*%cN5m!no
zYa%(_zam=SYv*@0^&;KVgr9Vk5mTE>l^*LaXvD4N&RKQ!1l`jhgFnS6c4$-43U>dV
zW8*lfztAIpgXuLX<ei;(bxP;p0_Qzr%S<zBoSu}Q?mR^pAuZ!0T!Mn#62WJLqa#m3
zU$tWR5u6hzZw%6%I4PQc)}v>6?I52_Cr%#lyU%RgSCG6VXwL7mEIm!$M@mp0zsA^6
zT9y+xOiJMsmSbk$uh%hWjMs<d%TxP_;689am;@$+2f%|sUMHl33?SBx1fxJE7!BkX
z2lB4sE+Buv+z<2zcLRAF6alJ(8lWbq1!{vjpsvA_;(7!kL4D8wGz5)6W6%UN1<gPd
zkVh0Bg45t5a0Yw~&H{Oz_!8Ixwt{V7JJ<nsg56*b*b80(^5?{_>gJAIy;8n((H`(J
z*b80(`+#)Q7BCE?g5f~Ai7~@Z6L1C?1v0^CAg?y%HK)8YeF`i93xNq10ePo72gno7
zKoA6ib&4%Tpfo58LP0rD9#jBfpdzRQ>Qc!7An(+xf@(nCl~xBefxNUC2eQCf_$S~T
zsA0~|(<|pUq=?3#31|xBCDJ6Myo{0;RWjV<4VgR!hyn6?O<v*m27SO?pfBhL`U7s#
zS_&8d27-IQy<iX+42FQAU>Hc%HM8pky-L2kB`pc$b?ilO3H$(l1ed{2;0pLB_!(RU
zzkqAtI`|db05^e5FdZ161PB8aK_yTbgo8_{oj_M!a#ocQcO3FAcpu11=GRa-3|<Fs
zf+FxYa0DC$i@^dQuQ8^8=fERiI^ZW@)|>HXDCc?b0$2ea0#kuZR+*dAz{B7X`K81I
z1g3y5$$SyWZwInL7tjqDpahT?SPg-^a+B9^?TBj+T7Z_I6^H}!QnCZ+2s#0InJF(m
zW5M6ae+)c<-s51pv?v+Kk5%N&SYsgX^5iEi*FbCH+kiyS79;?9srf!>AApnK6!;Lx
zuYgW~cfc(4dV(f|n}TK_3N#1NKvttzkk9=>e(|hvN08r{YIl(7Q{-phG&lo32J(|4
z`B6eLvIn>e^aK3?Yrgy`jr@g?^%FPw1>EQ0Ja`Xu0ewJQ-~)GpcA%>SI}qpyl7Jt`
zBcHM0Ey4%DL!dKUekm~n+zoG+Lx4~8WNYorPlL)Vkl7#&k(tp0$P8-$ej@H$APw#d
zz5!x@7<>Up*UJPILuY^zfGRDgklk{SI7&Pwo)ZsxK@jlB>)xAu+)Q%!kg(hx0zoMd
z48--Nfpmj(hjfdKsZb!@B;8*V)C0AE{3a;`lmQZ71C#@zFRM*uPzh9&7kuTd08<WG
z0Z1l!Z7WNYEK3!E=*ZF}OO&KZ0d<^kZDd^_16&$aA4CEfk7C@TNY{I==UjtZQ@_=}
zy^t+I2Oxc&2xP3Z18qP8kg*{J-u@9+OJOp8Bwpm5K+1B<k-U=TdRE5K9YA#RZ?9Ao
zWspjR?SW)+KW-)6iSGnD0=KcZ>vSWY!D$WL&W?_7(HAb`RK}}RP6P9;%A^3d0+|ug
z|I&Ji6AMLIDw6>!Qn;H(2BPp3@CcB`$v~IN#O-dmlI}L%P4`Rx%QO@vaf!%0AO*UX
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
A)c^nh

diff --git a/project/frontend/package.json b/project/frontend/package.json
index 87b1e9c..c3b04dd 100644
--- a/project/frontend/package.json
+++ b/project/frontend/package.json
@@ -26,7 +26,8 @@
 		"react": "^19.0.0",
 		"react-dom": "^19.0.0",
 		"react-material-file-upload": "^0.0.4",
-		"react-pdf": "^9.2.1"
+		"react-pdf": "^9.2.1",
+		"socket.io-client": "^4.8.1"
 	},
 	"devDependencies": {
 		"@biomejs/biome": "1.9.4",
diff --git a/project/frontend/src/components/CircularProgressWithLabel.tsx b/project/frontend/src/components/CircularProgressWithLabel.tsx
new file mode 100644
index 0000000..c14698a
--- /dev/null
+++ b/project/frontend/src/components/CircularProgressWithLabel.tsx
@@ -0,0 +1,33 @@
+import Box from "@mui/material/Box";
+import CircularProgress, {
+  type CircularProgressProps,
+} from "@mui/material/CircularProgress";
+import Typography from "@mui/material/Typography";
+
+export function CircularProgressWithLabel(
+  props: CircularProgressProps & { value: number },
+) {
+  return (
+    <Box sx={{ position: "relative", display: "inline-flex" }}>
+      <CircularProgress {...props} />
+      <Box
+        sx={{
+          top: 0,
+          left: 0,
+          bottom: 0,
+          right: 0,
+          position: "absolute",
+          display: "flex",
+          alignItems: "center",
+          justifyContent: "center",
+        }}
+      >
+        <Typography
+          variant="subtitle1"
+          component="div"
+          sx={{ color: "inherit" }}
+        >{`${Math.round(props.value)}%`}</Typography>
+      </Box>
+    </Box>
+  );
+}
diff --git a/project/frontend/src/components/UploadPage.tsx b/project/frontend/src/components/UploadPage.tsx
index 6916b27..c4a57d0 100644
--- a/project/frontend/src/components/UploadPage.tsx
+++ b/project/frontend/src/components/UploadPage.tsx
@@ -1,100 +1,178 @@
-import { useState } from 'react'
-import FileUpload from 'react-material-file-upload'
-import {Box, Button, IconButton, Paper} from '@mui/material'
-import { useNavigate } from '@tanstack/react-router'
-import SettingsIcon from '@mui/icons-material/Settings';
+import SettingsIcon from "@mui/icons-material/Settings";
+import { Backdrop, Box, Button, IconButton, Paper } from "@mui/material";
+import { useNavigate } from "@tanstack/react-router";
+import { useCallback, useEffect, useState } from "react";
+import FileUpload from "react-material-file-upload";
+import { socket } from "../socket";
+import { CircularProgressWithLabel } from "./circularProgressWithLabel";
+
+const PROGRESS = false;
 
 export default function UploadPage() {
-    const [files, setFiles] = useState<File[]>([])
-    const fileTypes = ["pdf"];
-    const navigate = useNavigate()
+  const [files, setFiles] = useState<File[]>([]);
+  const [pageId, setPageId] = useState<string | null>(null);
+  const [loadingState, setLoadingState] = useState<number | null>(null);
+  const fileTypes = ["pdf"];
+  const navigate = useNavigate();
 
-    return (
-        <Box
-            display="flex"
-            flexDirection="column"
-            alignItems="center"
-            justifyContent="center"
-            height="100vh"
-            bgcolor="white"
+  const uploadFile = useCallback(async () => {
+    const formData = new FormData();
+    formData.append("file", files[0]);
+    const response = await fetch("http://localhost:5050/api/pitch_book", {
+      method: "POST",
+      body: formData,
+    });
+
+    if (response.ok) {
+      console.log("File uploaded successfully");
+      const data = await response.json();
+      console.log(data);
+      setPageId(data.id);
+      setLoadingState(0);
+
+      !PROGRESS &&
+        navigate({
+          to: "/extractedResult/$pitchBook",
+          params: { pitchBook: data.id },
+        });
+    } else {
+      console.error("Failed to upload file");
+    }
+  }, [files, navigate]);
+
+  const onConnection = useCallback(() => {
+    console.log("connected");
+  }, []);
+
+  const onProgress = useCallback(
+    (progress: { id: number; progress: number }) => {
+      console.log("Progress:", progress);
+      console.log(pageId);
+      if (Number(pageId) === progress.id) {
+        setLoadingState(progress.progress);
+
+        if (progress.progress === 100) {
+          navigate({
+            to: "/extractedResult/$pitchBook",
+            params: { pitchBook: progress.id.toString() },
+          });
+        }
+      }
+    },
+    [pageId, navigate],
+  );
+
+  useEffect(() => {
+    socket.on("connect", onConnection);
+    socket.on("progress", onProgress);
+    return () => {
+      socket.off("connect", onConnection);
+      socket.off("progress", onProgress);
+    };
+  }, [onConnection, onProgress]);
+
+  return (
+    <>
+      {PROGRESS && (
+        <Backdrop
+          sx={(theme) => ({ color: "#fff", zIndex: theme.zIndex.drawer + 1 })}
+          open={pageId !== null && loadingState !== null}
         >
-            <Box
-                width="100%"
-                maxWidth="1300px"
-                display="flex"
-                justifyContent="flex-end"
-                px={2}
-            >
-                <IconButton onClick={() => navigate({ to: '/config' })}>
-                    <SettingsIcon fontSize="large"/>
-                </IconButton>
-            </Box>
-            <Paper
-                elevation={3}
-                sx={{
-                    width: 900,
-                    height: 500,
-                    backgroundColor: '#eeeeee',
-                    borderRadius: 4,
-                    display: 'flex',
-                    justifyContent: 'center',
-                    alignItems: 'center',
-                }}
-            >
-                <Box sx={{
-                    height: '100%',
-                    width: '100%',
-                    maxWidth: '100%',
-                    margin: '0px',
-                    padding: '0px',
-                    '& .MuiBox-root': {
-                        display: 'flex',
-                        flexDirection: 'column',
-                        alignItems: 'center',
-                        justifyContent: 'center',
-                        border: 'none',
-                        textAlign: 'center',
-                    },
-                }}>
-                <FileUpload
-                    value={files}
-                    onChange={setFiles}
-                    accept={`.${fileTypes.join(', .')}`}
-                    title="Hier Dokument hinziehen"
-                    buttonText="Datei auswählen"
-                    sx={{
-                        height: '100%',
-                        width: '100%',
-                        padding: '0px',
-                        '& svg': {
-                            color: '#9e9e9e',
-                        },
-                        '& .MuiOutlinedInput-notchedOutline': {
-                            border: 'none',
-                        },
-                        '& .MuiButton-root': {
-                            backgroundColor: '#9e9e9e',
-                        },
-                        '& .MuiTypography-root': {
-                            fontSize: '1.25rem',
-                            fontWeight: 500,
-                            marginBottom: 1,
-                        },
-                    }}
-                />
-                </Box>
-            </Paper>
-            <Button
-                variant="contained"
-                sx={{
-                    mt: 4,
-                    backgroundColor: '#383838',
-                }}
-                disabled={files.length === 0}
-                onClick={() => navigate({ to: '/extractedResult' })}
-            >
-                Kennzahlen extrahieren
-            </Button>
+          <CircularProgressWithLabel
+            color="inherit"
+            value={loadingState || 0}
+            size={60}
+          />
+        </Backdrop>
+      )}
+      <Box
+        display="flex"
+        flexDirection="column"
+        alignItems="center"
+        justifyContent="center"
+        height="100vh"
+        bgcolor="white"
+      >
+        <Box
+          width="100%"
+          maxWidth="1300px"
+          display="flex"
+          justifyContent="flex-end"
+          px={2}
+        >
+          <IconButton onClick={() => navigate({ to: "/config" })}>
+            <SettingsIcon fontSize="large" />
+          </IconButton>
         </Box>
-    )
-}
\ No newline at end of file
+        <Paper
+          elevation={3}
+          sx={{
+            width: 900,
+            height: 500,
+            backgroundColor: "#eeeeee",
+            borderRadius: 4,
+            display: "flex",
+            justifyContent: "center",
+            alignItems: "center",
+          }}
+        >
+          <Box
+            sx={{
+              height: "100%",
+              width: "100%",
+              maxWidth: "100%",
+              margin: "0px",
+              padding: "0px",
+              "& .MuiBox-root": {
+                display: "flex",
+                flexDirection: "column",
+                alignItems: "center",
+                justifyContent: "center",
+                border: "none",
+                textAlign: "center",
+              },
+            }}
+          >
+            <FileUpload
+              value={files}
+              onChange={setFiles}
+              accept={`.${fileTypes.join(", .")}`}
+              title="Hier Dokument hinziehen"
+              buttonText="Datei auswählen"
+              sx={{
+                height: "100%",
+                width: "100%",
+                padding: "0px",
+                "& svg": {
+                  color: "#9e9e9e",
+                },
+                "& .MuiOutlinedInput-notchedOutline": {
+                  border: "none",
+                },
+                "& .MuiButton-root": {
+                  backgroundColor: "#9e9e9e",
+                },
+                "& .MuiTypography-root": {
+                  fontSize: "1.25rem",
+                  fontWeight: 500,
+                  marginBottom: 1,
+                },
+              }}
+            />
+          </Box>
+        </Paper>
+        <Button
+          variant="contained"
+          sx={{
+            mt: 4,
+            backgroundColor: "#383838",
+          }}
+          disabled={files.length === 0}
+          onClick={uploadFile}
+        >
+          Kennzahlen extrahieren
+        </Button>
+      </Box>
+    </>
+  );
+}
diff --git a/project/frontend/src/components/pdfViewer.tsx b/project/frontend/src/components/pdfViewer.tsx
index 2e8f7d1..5bb6b96 100644
--- a/project/frontend/src/components/pdfViewer.tsx
+++ b/project/frontend/src/components/pdfViewer.tsx
@@ -1,91 +1,99 @@
+import { useEffect, useRef, useState } from "react";
 import { Document, Page, pdfjs } from "react-pdf";
-import { useState, useRef, useEffect } from 'react';
-import 'react-pdf/dist/esm/Page/AnnotationLayer.css';
-import 'react-pdf/dist/esm/Page/TextLayer.css';
-import { Box, IconButton } from '@mui/material';
-import ArrowCircleLeftIcon from '@mui/icons-material/ArrowCircleLeft';
-import ArrowCircleRightIcon from '@mui/icons-material/ArrowCircleRight';
-import testPDF from '/example.pdf';
+import "react-pdf/dist/esm/Page/AnnotationLayer.css";
+import "react-pdf/dist/esm/Page/TextLayer.css";
+import ArrowCircleLeftIcon from "@mui/icons-material/ArrowCircleLeft";
+import ArrowCircleRightIcon from "@mui/icons-material/ArrowCircleRight";
+import { Box, IconButton } from "@mui/material";
 
 pdfjs.GlobalWorkerOptions.workerSrc = new URL(
-    "pdfjs-dist/build/pdf.worker.min.mjs",
-    import.meta.url,
+  "pdfjs-dist/build/pdf.worker.min.mjs",
+  import.meta.url,
 ).toString();
 
-export default function PDFViewer() {
-    const [numPages, setNumPages] = useState<number | null>(null);
-    const [pageNumber, setPageNumber] = useState(1);
-    const [containerWidth, setContainerWidth] = useState<number | null>(null);
+interface PDFViewerProps {
+  pitchBookId: string;
+}
 
-    const containerRef = useRef<HTMLDivElement>(null);
+export default function PDFViewer({ pitchBookId }: PDFViewerProps) {
+  const [numPages, setNumPages] = useState<number | null>(null);
+  const [pageNumber, setPageNumber] = useState(1);
+  const [containerWidth, setContainerWidth] = useState<number | null>(null);
+  const containerRef = useRef<HTMLDivElement>(null);
 
-    const onDocumentLoadSuccess = ({ numPages }: { numPages: number }) => {
-        setNumPages(numPages);
+  const onDocumentLoadSuccess = ({ numPages }: { numPages: number }) => {
+    setNumPages(numPages);
+  };
+
+  useEffect(() => {
+    const updateWidth = () => {
+      if (containerRef.current) {
+        setContainerWidth(containerRef.current.offsetWidth);
+      }
     };
 
-    useEffect(() => {
-        const updateWidth = () => {
-            if (containerRef.current) {
-                setContainerWidth(containerRef.current.offsetWidth);
-            }
-        };
+    updateWidth();
+    window.addEventListener("resize", updateWidth);
+    return () => window.removeEventListener("resize", updateWidth);
+  }, []);
 
-        updateWidth();
-        window.addEventListener('resize', updateWidth);
-        return () => window.removeEventListener('resize', updateWidth);
-    }, []);
-
-    return (
-        <Box
-            display="flex"
-            flexDirection="column"
-            justifyContent="center"
-            alignItems="center"
-            width="100%"
-            height="100%"
-            p={2}
+  return (
+    <Box
+      display="flex"
+      flexDirection="column"
+      justifyContent="center"
+      alignItems="center"
+      width="100%"
+      height="100%"
+      p={2}
+    >
+      <Box
+        ref={containerRef}
+        sx={{
+          width: "100%",
+          maxHeight: "90vh",
+          overflow: "auto",
+          display: "flex",
+          justifyContent: "center",
+          alignItems: "center",
+        }}
+      >
+        <Document
+          file={`http://localhost:5050/api/pitch_book/${pitchBookId}/download`}
+          onLoadSuccess={onDocumentLoadSuccess}
+          onLoadError={(error) =>
+            console.error("Es gab ein Fehler beim Laden des PDFs:", error)
+          }
+          onSourceError={(error) => console.error("Ungültige PDF:", error)}
         >
-            <Box
-                ref={containerRef}
-                sx={{
-                    width: '100%',
-                    maxHeight: '90vh',
-                    overflow: 'auto',
-                    display: 'flex',
-                    justifyContent: 'center',
-                    alignItems: 'center',
-                }}
-            >
-                <Document file={testPDF}
-                          onLoadSuccess={onDocumentLoadSuccess}
-                          onLoadError={(error) => console.error('Es gab ein Fehler beim Laden des PDFs:', error)}
-                          onSourceError={(error) => console.error('Ungültige PDF:', error)}>
-                    {containerWidth && (
-                        <Page
-                            pageNumber={pageNumber}
-                            width={containerWidth * 0.8}
-                        />
-                    )}
-                </Document>
-            </Box>
-            <Box
-                mt={2}
-                display="flex"
-                alignItems="center"
-                justifyContent="center"
-                gap={1}
-            >
-                <IconButton disabled={pageNumber <= 1} onClick={() => setPageNumber(p => p - 1)}>
-                    <ArrowCircleLeftIcon fontSize="large" />
-                </IconButton>
-                <span>{pageNumber} / {numPages}</span>
-                <IconButton
-                    disabled={pageNumber >= (numPages || 1)}
-                    onClick={() => setPageNumber(p => p + 1)}
-                >
-                    <ArrowCircleRightIcon fontSize="large" />
-                </IconButton>
-            </Box>
-        </Box>
-    );
-}
\ No newline at end of file
+          {containerWidth && (
+            <Page pageNumber={pageNumber} width={containerWidth * 0.8} />
+          )}
+        </Document>
+      </Box>
+      <Box
+        mt={2}
+        display="flex"
+        alignItems="center"
+        justifyContent="center"
+        gap={1}
+      >
+        <IconButton
+          disabled={pageNumber <= 1}
+          onClick={() => setPageNumber((p) => p - 1)}
+        >
+          <ArrowCircleLeftIcon fontSize="large" />
+        </IconButton>
+        <span>
+          {pageNumber} / {numPages}
+        </span>
+        <IconButton
+          disabled={pageNumber >= (numPages || 1)}
+          onClick={() => setPageNumber((p) => p + 1)}
+        >
+          <ArrowCircleRightIcon fontSize="large" />
+        </IconButton>
+      </Box>
+    </Box>
+  );
+}
diff --git a/project/frontend/src/routeTree.gen.ts b/project/frontend/src/routeTree.gen.ts
index cade514..b3c2de7 100644
--- a/project/frontend/src/routeTree.gen.ts
+++ b/project/frontend/src/routeTree.gen.ts
@@ -11,18 +11,12 @@
 // Import Routes
 
 import { Route as rootRoute } from './routes/__root'
-import { Route as ExtractedResultImport } from './routes/extractedResult'
 import { Route as ConfigImport } from './routes/config'
 import { Route as IndexImport } from './routes/index'
+import { Route as ExtractedResultPitchBookImport } from './routes/extractedResult.$pitchBook'
 
 // Create/Update Routes
 
-const ExtractedResultRoute = ExtractedResultImport.update({
-  id: '/extractedResult',
-  path: '/extractedResult',
-  getParentRoute: () => rootRoute,
-} as any)
-
 const ConfigRoute = ConfigImport.update({
   id: '/config',
   path: '/config',
@@ -35,6 +29,12 @@ const IndexRoute = IndexImport.update({
   getParentRoute: () => rootRoute,
 } as any)
 
+const ExtractedResultPitchBookRoute = ExtractedResultPitchBookImport.update({
+  id: '/extractedResult/$pitchBook',
+  path: '/extractedResult/$pitchBook',
+  getParentRoute: () => rootRoute,
+} as any)
+
 // Populate the FileRoutesByPath interface
 
 declare module '@tanstack/react-router' {
@@ -53,11 +53,11 @@ declare module '@tanstack/react-router' {
       preLoaderRoute: typeof ConfigImport
       parentRoute: typeof rootRoute
     }
-    '/extractedResult': {
-      id: '/extractedResult'
-      path: '/extractedResult'
-      fullPath: '/extractedResult'
-      preLoaderRoute: typeof ExtractedResultImport
+    '/extractedResult/$pitchBook': {
+      id: '/extractedResult/$pitchBook'
+      path: '/extractedResult/$pitchBook'
+      fullPath: '/extractedResult/$pitchBook'
+      preLoaderRoute: typeof ExtractedResultPitchBookImport
       parentRoute: typeof rootRoute
     }
   }
@@ -68,41 +68,41 @@ declare module '@tanstack/react-router' {
 export interface FileRoutesByFullPath {
   '/': typeof IndexRoute
   '/config': typeof ConfigRoute
-  '/extractedResult': typeof ExtractedResultRoute
+  '/extractedResult/$pitchBook': typeof ExtractedResultPitchBookRoute
 }
 
 export interface FileRoutesByTo {
   '/': typeof IndexRoute
   '/config': typeof ConfigRoute
-  '/extractedResult': typeof ExtractedResultRoute
+  '/extractedResult/$pitchBook': typeof ExtractedResultPitchBookRoute
 }
 
 export interface FileRoutesById {
   __root__: typeof rootRoute
   '/': typeof IndexRoute
   '/config': typeof ConfigRoute
-  '/extractedResult': typeof ExtractedResultRoute
+  '/extractedResult/$pitchBook': typeof ExtractedResultPitchBookRoute
 }
 
 export interface FileRouteTypes {
   fileRoutesByFullPath: FileRoutesByFullPath
-  fullPaths: '/' | '/config' | '/extractedResult'
+  fullPaths: '/' | '/config' | '/extractedResult/$pitchBook'
   fileRoutesByTo: FileRoutesByTo
-  to: '/' | '/config' | '/extractedResult'
-  id: '__root__' | '/' | '/config' | '/extractedResult'
+  to: '/' | '/config' | '/extractedResult/$pitchBook'
+  id: '__root__' | '/' | '/config' | '/extractedResult/$pitchBook'
   fileRoutesById: FileRoutesById
 }
 
 export interface RootRouteChildren {
   IndexRoute: typeof IndexRoute
   ConfigRoute: typeof ConfigRoute
-  ExtractedResultRoute: typeof ExtractedResultRoute
+  ExtractedResultPitchBookRoute: typeof ExtractedResultPitchBookRoute
 }
 
 const rootRouteChildren: RootRouteChildren = {
   IndexRoute: IndexRoute,
   ConfigRoute: ConfigRoute,
-  ExtractedResultRoute: ExtractedResultRoute,
+  ExtractedResultPitchBookRoute: ExtractedResultPitchBookRoute,
 }
 
 export const routeTree = rootRoute
@@ -117,7 +117,7 @@ export const routeTree = rootRoute
       "children": [
         "/",
         "/config",
-        "/extractedResult"
+        "/extractedResult/$pitchBook"
       ]
     },
     "/": {
@@ -126,8 +126,8 @@ export const routeTree = rootRoute
     "/config": {
       "filePath": "config.tsx"
     },
-    "/extractedResult": {
-      "filePath": "extractedResult.tsx"
+    "/extractedResult/$pitchBook": {
+      "filePath": "extractedResult.$pitchBook.tsx"
     }
   }
 }
diff --git a/project/frontend/src/routes/extractedResult.$pitchBook.tsx b/project/frontend/src/routes/extractedResult.$pitchBook.tsx
new file mode 100644
index 0000000..5f5fe37
--- /dev/null
+++ b/project/frontend/src/routes/extractedResult.$pitchBook.tsx
@@ -0,0 +1,100 @@
+import ContentPasteIcon from "@mui/icons-material/ContentPaste";
+import { Box, Button, Paper, Typography } from "@mui/material";
+import { createFileRoute, useNavigate } from "@tanstack/react-router";
+import PDFViewer from "../components/pdfViewer";
+
+export const Route = createFileRoute("/extractedResult/$pitchBook")({
+  component: ExtractedResultsPage,
+});
+
+function ExtractedResultsPage() {
+  const { pitchBook } = Route.useParams();
+  const navigate = useNavigate();
+  const status: "green" | "yellow" | "red" = "red";
+
+  const statusColor = {
+    red: "#f43131",
+    yellow: "#f6ed48",
+    green: "#3fd942",
+  }[status];
+
+  return (
+    <Box p={4}>
+      <Box display="flex" alignItems="center" gap={3}>
+        <Box
+          sx={{
+            width: 45,
+            height: 45,
+            borderRadius: "50%",
+            backgroundColor: statusColor,
+            top: 32,
+            left: 32,
+          }}
+        />
+        <Typography variant="h5" gutterBottom>
+          Kennzahlen extrahiert aus: <br />
+          <strong>FONDSNAME: TODO</strong>
+        </Typography>
+      </Box>
+      <Box
+        display="flex"
+        gap={4}
+        sx={{
+          width: "100vw",
+          maxWidth: "100%",
+          height: "80vh",
+          mt: 4,
+        }}
+      >
+        <Paper
+          elevation={2}
+          sx={{
+            width: "45%",
+            height: "100%",
+            borderRadius: 2,
+            backgroundColor: "#eeeeee",
+            display: "flex",
+            alignItems: "center",
+            justifyContent: "center",
+          }}
+        >
+          <Typography color="textSecondary">To-do: Table hierhin</Typography>
+        </Paper>
+        <Box
+          display="flex"
+          flexDirection="column"
+          justifyContent="space-between"
+          gap={5}
+          sx={{ width: "55%", height: "95%" }}
+        >
+          <Paper
+            elevation={2}
+            sx={{
+              height: "100%",
+              borderRadius: 2,
+              backgroundColor: "#eeeeee",
+              display: "flex",
+              alignItems: "center",
+              justifyContent: "center",
+            }}
+          >
+            <PDFViewer pitchBookId={pitchBook} />
+          </Paper>
+          <Box mt={2} display="flex" justifyContent="flex-end" gap={2}>
+            <Button variant="contained" sx={{ backgroundColor: "#383838" }}>
+              <ContentPasteIcon sx={{ fontSize: 18, mr: 1 }} />
+              Kennzahlenzeile kopieren
+            </Button>
+            <Button
+              variant="contained"
+              sx={{ backgroundColor: "#383838" }}
+              onClick={() => navigate({ to: "/" })}
+            >
+              Neu hochladen
+            </Button>
+          </Box>
+        </Box>
+      </Box>
+    </Box>
+  );
+}
diff --git a/project/frontend/src/routes/extractedResult.tsx b/project/frontend/src/routes/extractedResult.tsx
deleted file mode 100644
index 15ce5b8..0000000
--- a/project/frontend/src/routes/extractedResult.tsx
+++ /dev/null
@@ -1,101 +0,0 @@
-import { Box, Paper, Typography, Button } from '@mui/material';
-import {createFileRoute, useNavigate} from '@tanstack/react-router';
-import PDFViewer from '../components/pdfViewer';
-import ContentPasteIcon from '@mui/icons-material/ContentPaste';
-
-export const Route = createFileRoute('/extractedResult')({
-    component: ExtractedResultsPage,
-});
-
-function ExtractedResultsPage() {
-    const navigate = useNavigate();
-    const status: 'green' | 'yellow' | 'red' = 'red';
-
-    const statusColor = {
-        red: '#f43131',
-        yellow: '#f6ed48',
-        green: '#3fd942',
-    }[status];
-
-    return (
-        <Box p={4}>
-            <Box display="flex" alignItems="center" gap={3}>
-                <Box
-                    sx={{
-                        width: 45,
-                        height: 45,
-                        borderRadius: '50%',
-                        backgroundColor: statusColor,
-                        top: 32,
-                        left: 32,
-                    }}
-                />
-                <Typography variant="h5" gutterBottom>
-                    Kennzahlen extrahiert aus: <br/><strong>FONDSNAME: TODO</strong>
-                </Typography>
-            </Box>
-            <Box
-                display="flex"
-                gap={4}
-                sx={{
-                    width: '100vw',
-                    maxWidth: '100%',
-                    height: '80vh',
-                    mt: 4,
-                }}
-            >
-                <Paper
-                    elevation={2}
-                    sx={{
-                        width: '45%',
-                        height: '100%',
-                        borderRadius: 2,
-                        backgroundColor: '#eeeeee',
-                        display: 'flex',
-                        alignItems: 'center',
-                        justifyContent: 'center',
-                    }}
-                >
-                    <Typography color="textSecondary">To-do: Table hierhin</Typography>
-                </Paper>
-                <Box
-                    display="flex"
-                    flexDirection="column"
-                    justifyContent="space-between"
-                    gap={5}
-                    sx={{ width: '55%', height: '95%' }}
-                >
-                    <Paper
-                        elevation={2}
-                        sx={{
-                            height: '100%',
-                            borderRadius: 2,
-                            backgroundColor: '#eeeeee',
-                            display: 'flex',
-                            alignItems: 'center',
-                            justifyContent: 'center',
-                        }}
-                    >
-                        <PDFViewer/>
-                    </Paper>
-                    <Box mt={2} display="flex" justifyContent="flex-end" gap={2}>
-                        <Button
-                            variant="contained"
-                            sx={{ backgroundColor: '#383838' }}
-                        >
-                            <ContentPasteIcon sx={{ fontSize: 18, mr: 1 }} />
-                             Kennzahlenzeile kopieren
-                        </Button>
-                        <Button
-                            variant="contained"
-                            sx={{ backgroundColor: '#383838' }}
-                            onClick={() => navigate({ to: '/' })}
-                        >
-                            Neu hochladen
-                        </Button>
-                    </Box>
-                </Box>
-        </Box>
-    </Box>
-    );
-}
\ No newline at end of file
diff --git a/project/frontend/src/socket.ts b/project/frontend/src/socket.ts
new file mode 100644
index 0000000..763c173
--- /dev/null
+++ b/project/frontend/src/socket.ts
@@ -0,0 +1,6 @@
+import { io } from "socket.io-client";
+
+// "undefined" means the URL will be computed from the `window.location` object
+// const URL = process.env.NODE_ENV === 'production' ? undefined : 'http://localhost:4000';
+
+export const socket = io("http://localhost:5050");