From 89e2139c09fc12cb6c3a6dc08b0632f11abde149 Mon Sep 17 00:00:00 2001
From: Noam Levi <noaml12@hotmail.com>
Date: Mon, 2 Sep 2024 15:27:53 +0300
Subject: [PATCH] added tanstank-react-router and close sidebar onSwipeLeft

---
 bun.lockb                                     | Bin 126919 -> 136712 bytes
 package.json                                  |   2 +
 src/App.tsx                                   |  49 ------------
 src/components/Sidebar/index.tsx              |  45 +++++++++--
 src/hooks/index.ts                            |   1 +
 src/hooks/swipe.ts                            |  60 ++++++++++++++
 src/index.css                                 |   6 ++
 src/main.tsx                                  |  45 ++---------
 src/routeTree.gen.ts                          |  74 ++++++++++++++++++
 src/router.ts                                 |  17 ++++
 src/routes/__root.tsx                         |  42 ++++++++++
 src/routes/helper.tsx                         |  14 ++++
 .../index.module.scss}                        |   0
 src/routes/index.tsx                          |  25 ++++++
 src/theme.ts                                  |  44 +++++++++++
 vite.config.ts                                |   5 +-
 16 files changed, 335 insertions(+), 94 deletions(-)
 delete mode 100644 src/App.tsx
 create mode 100644 src/hooks/swipe.ts
 create mode 100644 src/routeTree.gen.ts
 create mode 100644 src/router.ts
 create mode 100644 src/routes/__root.tsx
 create mode 100644 src/routes/helper.tsx
 rename src/{App.module.scss => routes/index.module.scss} (100%)
 create mode 100644 src/routes/index.tsx
 create mode 100644 src/theme.ts

diff --git a/bun.lockb b/bun.lockb
index 73ee5cd1d3270188639f54c8301cdb554d2c116a..cf30ef246b0d402fef9965505f8a39644093f5c4 100755
GIT binary patch
delta 24284
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

delta 18158
zcmeHudstP)`v00O8(7{zQDL(I0q+-(`$iF#c+LA24NPSNTSZZjjV5>j@|gGQ(nh>w
zSXn2nEKkQgmRe?}W#+My2bEIK$!=b{*hMq?ecm;*fXe!w^E{p3U#-V?f98GXotbxL
z-g#%%l3BXj``8CwYa=`PM(^%e^2r+$ikI9vv~faM!xzqQTfq2^>dMCU%<G?PQye##
zLQn5?<64*gEk!VfL}{WZWhJxSMb4Qy%5r4*gD-SBvx|^Dz@jLP!9NOAf%hPv_~8u{
zr5P|8*c=!OYzQ>UMdZ5MgQt2m=u<f_tH22G%}XIrk!T9MgGNX(%Tp)}29g1RUZTQG
zU=a9*Kwr{FK9$SzRun&AB6z~#Xr&Rb$eov)g*rEZCp`^F<vIgf0x!VIQl!hyAVKJd
zA8N3jtSCFrJ(tGC4?Okk1$38iJFpdSD6FLlD}XctMb4}&XI7qT4SGlo`lDl{_XHTi
zW<J8OY`43pxWJ`cMf*ktb8?GZ)X-$NYmRGXk-H$@T?8fNHfpC4`5Z_?I@38bKQ~8F
zT<)ydxp_ItOXw~cyc0+btd&?IF-PKXAoVy2*aFx=qMskep9DXmTZErUJS*{t#AhXL
z1)^-(GKq5}W=k9i#J@64VuVDyL{(y8eqP?}0!49_VnTyapdXOtwxi^IfHv@7*cBxN
zcoNta_%tvSxJJtJfNj7J0)_*-09ykaOS~Q^%AW#~d@qpN*#v}2S?LNSXo$bY+|XQp
z2Be|RL9GVn7e!<{-L9GW1}Firg5>GQCntLzJo(O(Qa-7j@P*z$>X@srFuyRuHFr#V
zp&u>tFM&sUrDd@lgyq>&oq5yY1D+klRD1_HInh+7J7RL4bILXF)L`3A!eBR$44LMR
zD0a@sQ=ElU3Y>***H#!p%kqKF0%rrMgT7sap(9{88GIST)m-sV%Fc%Cg&vWm-$#h4
zy8)!~XSxagMIepTMaVHWWmEF<vz&Qu<+S8q12%ztGLQyvn%m{hMn67_7Bl#Gj3~bv
zNWS_m<c8123ZMKd%Aud7WgH2bq62ZFz;+-_)f~vffE^Qr;l<9pyj*vY5(J(M4RQ$Q
zN3+g6XO7DUd=tpOM?U%V4XIZXFI?d&5N=pD67|xexY1QnI%6T0y@~{6We)=}h-D=b
zhX5nNhe-SuBZ<i<I|C#=U+F40F`{HJR&Z`nuFL&T3>Phyfhof9o<K6}JVuAY#Z*oB
z@^GN7lnNqX%`8%s9lgcWZj#uxkKk8J{s?#)>O9w+nW#(IFY|Xw+ykU3&T+X45P+30
z(Ev@|Vw5NO-hP7j?=R|Afu-bY#ZYJr90P=(mh}gcJl7pT)2^HxAPOWwPQI8sWoCY%
zOHraEKRI`1P6XDq$3T&P>mGpx5qbI9&LUWompdc3NVz5RLs5=8vV0K6pPYHRt9TCe
zNEs{&!tslWTscZJC{hnx?%74Ta6XrN)@)Z{u@XH*802yn6uMwYO{y63-H=mHo!R+?
zG(=xQP8~ZlRLIRm_7UXNk^86m=VniZVy@dY7xgHQ4HFICuRrJI-~B&bi_U4n`duRx
z1#zW}>&)A~^eh^oUQTwpi)NwjLf33}?&M-6XtXf)8jy_ZK1Q@z4W9Impd2~y<3Ngm
z@Ev22Hp=?Writ?AiY%A<FOC(C&3YLtu(T{&R$z`!4Km1a9l+MWE5HCk_z4+uS`iKX
z++XJ2D@Jd8hRDw<bY{EUit-Q1+s6xcnE|BHpW!N;;)+SC^AERc#vE6nqKrj@p->0}
zQjm0@VKSf^NCn+aY<_rN)JLlRrNbwRYEvZ!PZI0LIkR|%vnYG&L1_A+)RVwgKxd}V
z-wUKj6Y3N^c2pxYjh6ZD*;5cO-O5emlk*j1iS=oY=PJ}^r^tjQX>3NARm04J9AV~m
zcnVGPVu|@cGGHu_Hm~kL>Rzbiy@AxtFHoKgs{#^#6i5?&07!;B3#55SL3@6PO=aOo
zkf7l-(ep^~<RPfUaNl!~Q~ut28u>QVeOukb#^~v-G*+os;J1Zdh2PP-&0n+bwkS#u
zeL`H4<%&h$?4QCi^(uc&J=Q=`hM<B5dSxpI^V8D<G&Vx7!0&RsDnPTo<)J7^dUdNL
z=BuaMG&WeTuxZw9Rz>NlZ?h#?tB~qJDK=eC57gLBy#l{&^{PNko$sY6nW&rTm;4=;
z3toDLJq1}6c8$%}tML1pZVS@X3`{&aEY#Q$y#lhYA?s_%D*YX-yKW2C)N+i_D99}O
zr9g+}!-o3i;1t$cuL{;!x^4^6*t2?ih^9tjJfehJfP+octB`X{x3$((Ppl)vF{%JL
z6ZDGK8hc8wYOPs5YN7{*rdV4e<cV&LM{0=Ct(WzxP)!X&3?dt?)Hch|)5A1%Eo2CD
zWgdE1sDriBtHLx^uG_*jwqH*V*Ho`&IB6rFQNDE`xSo3Tn4Y?=jb{0KGd-hCiuDY<
zcbGn*O_DVXZZO11&8SW7uT5F8UBR3-Jw1>ZWT<UH>K-HYui8`>_@I!vYf}egs;38h
zMr01IP3g6%^GNj<mcTLl>%kp+dKd{Z?&;dpS4j0W)Ew}0q}uoN5DBOqlBu2^SQ~~G
z8>^>x(yR-yIgZySbb`Aem2RYBus(!r6;h)O*+rx#7^&nCL}Vki6Dg;W@@j47<{&l2
zkiChN%Sc6qD#|1ywWc<89Vt=Y;4m}yDWrr24Y0VzQ3=dvMTDkq1W)tjtvk~az1t{C
zg29jj&eYQ*HS1H5CF&C*ldP91mr^WTw{_FhiEV{@c<W&y4(kDM#!^$iMye-jv62g@
z1?@0-hC@^aJJi2{%K`^)Y~`>9;Z&HY2L~sqlaL};Qw&$zrrV-5>lcvq)`O#ytZ6uZ
zOs1520I3*JKFnba?5HRs^lcGIY?_`Pqp8n;Peg75-5KXluYjXEvC4ZS>b6)-UC>Eb
z#&l<xLp=tLdh4O1x9Shzs4Oglo$;L&rI)D5?qI9+^f=A>He|i^YFKN-QK*Ng86`(c
z&Qo{V9qKA@IACBvX$)<8MZBhVKm?0}%#(V}T)HhmV_Z*9(A0O4L;b;W!WepXQ<ScH
zwSSTtgA_$5iyqc1QBQYh>W8%w^o>R9RSwO%3`@S3KEaX1j_c`(n#!Vu)n2+Y&|w`5
zt|#SM*CW;2&}*Wnch{JvS9I6Z!)SOE+Q4YUIMn8`VxAgM++z3X={+>-0m%C6)qzP?
z2J=&lx-_IR^=<J<*7uOQ*O;Hkcty!DQcID_p<Fc@LrY_X;1S?Zr-P%hM(v0~2-H0_
zHO8SRV~qA`{MUdJb4TqT)6<hR)=;m&?|8i`S+njy=0v?3y-~W8Rom=IYJW<h28%KB
zE5XeH2Uo`IThRD?gQMCPf}2*G_wi4-QP{E<*5<wQ6K)tBxu7=hAh^0(IwlKmLhF$Z
zH3wWqohCTyjfXL|-+&`Kt%j$~f>Xi(xdwKDgO_(pQm-L3NYns7TB<2ZS}nI7&PY)l
zeS<%C(`|h;bvM>6tusZZb@s93;Dr+tz59qP41TZ!i^JAevz+OpXY@@`?R~{gq3F&K
zhdLOXtOL8%lD_)6z!dC8>HRdz4}JB`{Zg#4{b;m<;giKkk=?>WUe(k4Yiby}CCbyP
znE(zIQt<CavuqonSua6WNUH{0a>W2m<>&@^0#@Ashk6zql{a=Ls~>ij6n$I2By}WG
za4(7>sCO~R!Ff`>>Je~MgO%pl>NC*r%(x_VD5VT7n*SBxXa)=|^$0lOf8-4w7-rH`
zjQQvd4pmCO*#M3#@}Qx!yfa7-9Gs#y8Y~JRl*A=^gAsL63@ZhPJtQniJu2lE>Y3&H
z!FtA!6g3H}n5u&rnAH2hVTF`6q=v08fWt-z(;MKRPD3lYn+Xmpk3xveq3Yl$6d}x_
z^B1Hh9Lw&owi-qOkZPEW6m`jq8n>PV7h^cpkCcKOPKrT^9$vd(!2Jmvyheu0*TKmJ
zhy_~%j>=&eFkn$5#Kd}$t67V{VM{=(yOE++4Qtd-!BKr8gmxV%dd~F9ehxNOuNbMR
zM<Kh<(4c7u8wKmZ30Is2j;0)S!7(2PN7fh{g{69wer{9>`Tb~3%^EGnA8{+v!8Yj?
zkllie2FW;fsP`bO(0T)x;80hC!(u{Jl@Sj0B)C*?XcPn36iY0Pywj4MrU&*(Q8@%6
z@RNm~g2Mocu%#xBRTM<2vZgeaEMK>c)zp)a(V|7==%v420a@la5m*t_5z0>LwsD$j
zzZbhQ^o#|pmV<-El6w~%)|TL`wscsaPe6EcAtih#Y_LPE1V=ui8r?V#j=CtuIxNFn
znpiH_VA9hyYb9iH`nCZ{>IX<sJzhpA?lfM^r4bv{IpC;PY#H!~J>X~#FtnJ1e}kjh
zg(mueO@F+mj>Yt0P^9I%z`;=@cN<(?KQwf=2L%pRtf$|nsi%mCE=Hw|Lsci5-sT*F
z!0{7qBRC2pVjHiL97Y&35;@5nZ<@Zj;NXc^e0z|hnL;12Y-=Xzn<u7N^D|MA9vqsa
zo<IsSMLRH6f>$7Fz=%`od~noh(cB)Hry5bc1{|$*BO0i2Sz;gsw*Xvk<QY@I4(U~y
zn&q1;J<yqAo1U#Gvyf#~6orAzCrzK_?4X9`2){=(336a`s+^kjsEan!YG;x)c(R$A
zjnoK3b`+_xM#?_L*ao3jjFga_LTZeW+h!^}&q&QiO302QHH2iWrCyPvsY7$|as%72
z0B{Ie3XXywwvGM>ce#3oD}~wh3K!gXn&@A1BXsQmM+>qQ?P!)O)AWqV33_NNkJ3PN
zj>rQP0;2x5mKZ8A3`h?ljY)eD>2(0nL)ZY+nHW6vk>n8|(vJjDc|=Ep$F!BwE3}df
zqKA+SNd;Lz*ar>8z7qRM><^@e&<lj9YLr8KGM@TK1|Vn{4P(_A^<@}ZwBwhGf^br!
z!AzM!NS3-JPe>JEG7LS8rcu#!AU%ZC!#t2Ds8HfuAa$e!L=Pc#a3QEMXgS(9p5^$Z
z23867uIP`v$7KHRg{8k&MgK`X&0+jsWd|gd{#@|?mABG&x&yF?=K3(mq6e4wm(olg
z1CjJC5Iuw*pm&JDQy)qHv>_EpGkyj{`e&t_kS6$?<O!+VdC3zJe?d|7M@#4ntD?LQ
zqPi}E=(z|Yol78k>LV?qPeJIAatlPy-H^)PHgbQ8WZMr?4itV#0$N`lR7xT#dVwdA
zH-4y-jb%O|8QfIz^^wXolX61R^8?Z#2S`3pVi3cEqKq&I@J|V+ABogpd+=0YCn^7L
zkQ(lSa#XY{p&l{cVe~f^9OcGSmPBf;yX5O5wcZo*M!*3;TJ=MLZGZ(*pOBKXBu_|s
z_e-9T+AC%lZ<3YBjNd|1nI{V_kox}#lIlXK|4T&wDUV#AEGn0Zgp_<h;v$KEA|W0^
zN-o9^m0KeDr6k1jTSzL)q~0=Wn1*zv6cAE!mE;Mjfi+UTR>}#foG#@Xq@0kF8zo;K
zsU9x#H_3b}C73>8p?@jO_`_0MA4#-b$_c5ON+5}LNI4<NACvOOrTjlZTEWkdC(wgL
zEmHrUlYD)ohW1K1p*Q#gK$5>K<%E<xD0xCk9+G$%NDJ*Kkjfon(i7g03dbd$0Mb(*
zN%W?a6H)~yfi!}rfmHE(GM|t-QYCppGWZgZM3<%fGI;`}|0M;4RPl#Weg#MseIn(b
zNxTN6r#_MaUqVh<UrD{MrCxm`(Kq-ZEd3V0)Zi^(6QCzCzcW%pUb0?7;=O_RhyPoW
z8HAM4NMd6thsZdx1p;ZPf8S#p=AX`QG{nDgZu{RI+sOav{6+@+`ngT?{C{z5E2Rki
zf1cZ*L(l)<*e2HhW1{}w{k->o*DKopNyB$JxBc&qX?Q6xo}V2Qf6^eW>pzZdbc~}_
z^2f1F1nhVUmUsv$E_RoEeWdaF<Jk7cu}$o(e;nKXIJW&a$2$rrzjAB~`R!xd-s<wb
zGj+XYgg&B`2OF^W<agN(SfCz#C)>8TnfQwjI^CInD|rmEM*GTr*eON@^s*Xn>j0eh
zd`LFlqCZme2H(S2W452a%-CKQ$Y)uYpJjX`U+BZ$R>{uPX#8Ofe}%Eur0Lm6{Gppi
z4E`E~qmr+vUYq%6Y1w(Xk<;8Fj2eHUw)gaRpBYW_m7dJo8lH-?aBbTcsH|%KxzadZ
zt+MgzUVOi8s3>JG?@MjS&NQ$F;%i?Meo1BH_7yaRrL1t@0v|TovTv&&b0@2s2+qBF
z@zOMwOoxt|AH{>D5{q0?7%H@Cc^ab;QWht5D5RTj85H^{o5H{OB9I_ubZB^&GVwU1
zjLv!kkv0xJiBd>kJm_>m5A7ZJXS}NHLxL*lA!YQ!b`3;Nl9XWtlrIg5*k`CLeIod~
zlqE|&`uInmh$t_G;V;Oj7xcD4--#$QRVp?``kzwPTgvDg4}C8p{XSAw&<hDXW&QZM
zv21ladTF3H3Kc|eG&GXKK*K>af}=pAdG$D!UrLAA6`++Mdb|1vL<4#jME$4!Qvc|q
zB@I+Ls01_*G#^AKws;V}w9|jE(069~PhR6==nP<MP-jpWC>+!V)D}eVFSi(aew*<g
z>8x`pz4Sf>+68(VL~q%TfHs4+g0_J+f*u0Vi~l;%dJui*S_NDUS_WDUqAiYICCfky
zK=*^@g6PvqA;=Ay11bQKr(9?F-+<4Np!dou&^gcr(EFedK=eX;21G7IE<-bknNw&|
z=v2KE^aO8`!IG@2kX+4&X0UOk<a`bg`O{0Fmq7<Xhd?ia_JcA(PEZ!8KWG35AN7@i
zph2KyPzp!`VT~%GpiZFoK_7ssL9~-S3Zf4Z4}<7)2B(h+^dUqCEe1UZDhJW$qxqmC
zpw~cOf#@~*D(D#KGUzX$Pf_t_psS#3pzEL;pwB^HfXLCm0^J0C1Ns(p33M6sFVMdg
zzJ5GwUV0qq6QIMOIMnL`;(wv&zjTaG_x*sWpo^f#kY53!FG&x8=sQFwP-hS=qDH_V
zP%tP2)EeXmY5{5qqC@c=&`HqSpi|_tuOdO8?iWGfIH)Pe7t|OO4r&8x3u*@n1JTFb
z*Ff}{k-oS*2|5pY6|@g@0Q4R54+29$4M4P-Y4Orxtpd>kJqNl#%Xv>fXyCaxlvZbZ
z%N=Fkj{8`ocSGM{BIBM#{8bn0>yLO)wys;os`f7=clTx!V`3uXBcqgXK5{a%u}D50
zU?*SjgI?2Tx(v%1^ZIgH=HeO2w@+rV_9AdLD2y$-UY!18%Ol<_7ZR#^6~8u_4P{UA
zq$#NHAWxgZVuMa2vmr9Kw=3(~Ww9#@?Z%_oSn30RYzm8sCkOC_#<vSkcs+XH^gL+9
zMaIA|W2l=TXPMWu&JSFCKFq=<IwGTEBBQa(G@1%y{n5WxP_T8|`o@`z>WOs<5nP)J
zV>KwKP?#5xbUSy+n8{FxPK=C24fpU>P+-gXD^p=}IQPkAUDR)(9t`yX{Ml)!{!#Ru
zN`L(1a-a9!^DMA19TKv&J&%9_i{<Nb0m*z9!Ek;wm-TD&6r!zB33M?#WtOwE%6Mu_
z7iv2)j{0Skj%8llNtKAk_=agLP^RO}YZJ@*T4LJ1Hp$PzWWRqgB)+vdDrb4<kjA5@
z1N^uP5O3b!xPQ;757+Kpvkx|4?9qM2ydtvr;=<BQ+jD1-L+*eOJD8uGj?QOc`=ZXj
z(md(wNki7Z357Ts{3r~5T}w909Zx<Yj|JGxyC@Gnneo}?jSmioel(gwcLVvNyn2J1
z$@hV^e9L$Z%9&U@_F2633^Z@vKzVIT)Y0!A@NQ?=7aNIfpfgX+XOW@NRJD1L#qqM&
zz5_wSkJU9goL8cn7U6I%nuNfX?V6Rh8U0oZCfluTZxg>UgT>xOai>~q;E0(l^e!6p
zx<DG1GY$FSnJgfZuG7%ajfvKud+*#E6^89Gk=V+9)tol9u6H-DiK4z5{l1%_^~|6V
z4f+9#5i?wS&B%0qU-m;I{$4%{wVT&=Y>V&h6KtLMu3=y_xy1{-S;1Y_jW0_{j!uY7
zjEow}C;hfU1%J8#UTsuFaEa7^-Jzf0-DY9BDXP|A>UZ~R=)o(SqHnEg!uuV1_RMNn
z?tt6kgwTw?Nfiya+xQu)&RDE1d5c0867=)9Ap4gP83lJ9R>)$4%qt5=&i1`p{?WX)
zXb8cQ8v4wKZ!Lu5e(l5mTF5#xE5B68zOehF2lWGN3zp_9Lg`d~&5aQ$;$B58*7CV8
zKRl1M48dTVmzui#<I%#?)1SW&ZA6R6r}F$FW{Wp33+3+b`DC2uj4K{2Dl#UTj4-bg
zee_V#mzCN#2kLS({xXW%&HG0QL*Dvp<@&#r)G1{1FQCBY@J6$tXWn00>alz3q-H(l
z*6D5K8Wa-D3r}x&jo|%1p7Cm(f_Wt>;P&n4Q6~~ybvb97^VPFiK)iX0>inX~{i7c`
z_e!0HdCjVG^Nz7>#lI@+a{Tytvdg@fr6*l&Gi}x8rF9BP+-DBPW;k}Kmhgm!?NNU_
z^GS9_oq~DSYgEcRU4nv}JyDla!Y81p-Mk#OtAFl<LaoErI)$Bl9TeD0d>6qAesm6k
zsCh%`K#Nw*C#<P>z=L6bGFFRuhw6nNuYTDu@I<@1oKrmFezas>y7DagdrsclUs>uD
z8gnNUSQkEz^vp|JE7tt5bzhripVsN+@n@kBZ{G5{lG@Ju>pp#7t5Y!VfjK%nofz}|
zJN@f&PVyh9Zu8>UnD-A=F1cAASf}8_qvyhgj(jk{ZeBd|xqLdh>zz06)af~SDHJSc
z!}-N+tObuMW*$M85z3ll_;Zh+^ep&$<{k@6j5I>Bax<L2J(mR}n3sV<K5Fm&+w<#a
zL%{AqQP8|u#{d1{oO2getn_7_v3TgI--P|wn;5}|7sF!n=GmdrO?NJ(W=uj0WCYF@
zIebwuD`x@RT7unuD|fDg-BU_fYrA<nZEF0ao!z=#+i0w7<FxTSuPi|?Pb>VT5*EOs
z`9Df9`R47lq~$v<#Dv{?#ps2xt(o`RO3t_TeJeYn7&&kX+M&kq<aww`tn>iOrS`mV
z9zx15j}zEYjnFPNah}i~V74Ihg4?ieukNs&IMM<&$09BuVtm(uH=PgTJb8!t*yY>u
z@$)f(Zay1aym`NESJ=HfZZH0kLKbF(whr?K+|}>0sweq*$00|y?8~cBL%ex`D}B-2
z5bgV?BWN~_l8Sl7>tOx|JC8i_;fA`L5Z+}0Cc(TDcE9(LjuC4%K2)br!Y4r?!MsEk
zvVVd5&bEZd>lDmuX5GKvFz>MK^-Gi^eCS43{>%czSop)9KcT-P`6X0^IXP7dn9TFH
z0Os&+3t_u?TQ0riv6sJY`TjHLoFg(OJ~Bp;7wXCeT+Zv)`IUY9&73IZHNL%!<~o9h
zlwrrb7$NQ(1%5Z<+Mfr9FE<rqlp7Iz&%^MYiwl{D<@*SJWg+X!n(!{AERDU$%gGus
zX?F9LU}}q9xq;7)orgNe-7)(0t@dw_AR71gNWjHGqj`(j$dEFYXfjqhnhP^!x6K^S
zc=(ts5=v?F9^saj`#ud^{L*x^9EFn?ZB@}cyqv|@%^QcA1G5{2FH1WI4IBc=w#RvX
zImU1&)(i#HOEo8-=@{2!6BKACg2$Pc7mL4m;h*QVmln#(W8y?ne~+l2cLSCuDBF1>
zc(UER!I-~L?^pFi=aVRnxrxIuQ@Z-EkGz=rR`}Q=`|3%>E=KSR55O_*A`3FFGrk_=
zSF`OCp8(MqIYLc5_g#cDs`*7Kf72<Sg-eHUXdsl+dAK9*vxp51GH*!6uFo!cW!obQ
zEbKDYGaXF6PvE<$3iD3ozJQ|_-g&3y->8D7IXY1Z;vX!k+uuiH?0(*yFMAN@YdRVJ
z)|83Yt6z?{Tnpx!_^;9QvdqOS1Y29_V$6?u5%bm3VVCkhI6yB@)SDQ5AK-fz<Ip||
z?}PZnQs&^>9)zzC=Zs(~w?BxkR%?93gP4pf8h?8|@Jo%~S&r2zl<lmS=*p#~=Zl^j
zcEZ~j?PyvOf&4U8<KRpOjOCR}n2m=lVa@GxP^KB$Gj4(cCs%3Dr$r=w=*yPy!An?}
z<w`F;bBWPLy|R{?UOZ(Z!u`RGths8|k<DjqWG#9a!Ts*G&=M$56<5yQ53@CInB3F?
zD``5Bvymq+MUZ`*&sqvAkMI=$%h^=Eb155Q`6!j&T*_h+%=?q8E1ysMVZo_1qm#z6
z{}L6`tH+j#wg-pmPuxTf1yzh~O)9@{8Jlc3?{eDSSf^Gm-m?oDv@Ed}LwWTwG#$m8
zEe9m=egM092erkDbC=WJI*LFFb*yySaCA~IFRjkJ)&0An(?;11TN0?n#r)E87%wNt
zZeE`aoik`pVT(bBp%@j}ood>|yRATHckqELjQwQ+aXUFDZV!Kxxc&S?aPj8V+qwI{
zc3681B;(0-uw2Z`w|kG5uJ1i%H@&*aV6vYNT?w!Ib%njW912Y3TS(8mm3w^E{HFev
zf6TSu_=~y0IpHKfwGtgRZ`F<+`Q|XE?_cQk4@Y>4YaTp!6&q@~HIV16g10Q^i^1B>
z%d|5(g=9UoAqz(m8bGQrnqOOmF7D=Gt1(WPpq{H)=Z48cjSq>qEXxa4WAU4pY^Nu0
zSUT&>1!@oBh1!eekFG}f$N1UR2qX6o7eS-pC*y*(M^@g39yJ8LYaMv6HCQUx$TQZk
z80_Gy)}X^~{=^y-Z^qAqv-6R{C99UUuSprdR7G)|o5;>x+-EKHf_R^`XvVxAyCP@9
zb1$7c{(*(j3?S|+*GBW*YtirS{ODS?MI3-)ne>9QX?)K*WWLCcuR~>0iarOdXPvFj
zkHcM0K70ua<~i$GT!MMkHClVD-TXz(0*$`lI0C2YErMBV%jJn9uV2UKk%`^WJ`Q+h
zK=|omrC|-yDPD**Oh>H|;O*uu?DRv|ty|x}))5s^N6=s42$t&6{9#f&izVfYC3UFl
zmUBsI0fV4Oo&~>+;-_`=WjwcTfNz@j%+oTj{&;(>^Bbc=<Fki(K{xrU!_S@Yjh~7f
zd|IKV?0m)s%)|`71T~l@$`Hk`Z(xCDn3Lhnj5)QcMz}GfnVD-uB%D-EZ^SP9)CBSJ
z`XZ2af!JXmKYefet|>4=9>;$9M)(SE{SZq+BpCk?tV`vyA3`^W^FKcXcfM;kja@sK
zH{(zr&btr{<o!5S%jite{AqmLygB1N`Ya*m%gJ>pu)X{kN423&p|>OUy<yuQzvX})
zog*>hb9uK-@Xwo2pl^EiKbL;+%ttRMb@m_R*_+rDR>0rf#3rd1vc=!h7x35$v~OPK
z?f=w|e-3)Cw-1V8l4<r1@bU`Sd6aJf1euqCzZf`d!c&d4MIJ0V5|e~4|6k<rcPj8+
zX<i?G`04laZfB-FUZ-JRFivay$zoS}$$+|??mT!iY&UNt2M2EdWY>YvkUE8YJ`xI8
z4%11`ywUuZEr-rtxbo=cI=%gTJ1P8nZ^C&Pj;H+UW)^5S?<v2$@@D@QH;P}k)V}Hn
zEz7xSyyq4c&~VcthINZCyo-46N;b!yo-THeKPAS$#pX7x@uvTCz|-vp<7X;a%D&Vc
Mtm$-pUCpNd2fB@kjQ{`u

diff --git a/package.json b/package.json
index 18fd314..6f9c3ea 100644
--- a/package.json
+++ b/package.json
@@ -21,6 +21,8 @@
   },
   "devDependencies": {
     "@eslint/js": "^9.9.0",
+    "@tanstack/router-devtools": "^1.52.3",
+    "@tanstack/router-plugin": "^1.52.0",
     "@types/node": "^22.5.0",
     "@types/react": "^18.3.3",
     "@types/react-dom": "^18.3.0",
diff --git a/src/App.tsx b/src/App.tsx
deleted file mode 100644
index 0039724..0000000
--- a/src/App.tsx
+++ /dev/null
@@ -1,49 +0,0 @@
-import { Box, Burger, Stack, useComputedColorScheme } from '@mantine/core'
-import { useDisclosure, useMediaQuery } from '@mantine/hooks'
-import { Helmet } from 'react-helmet'
-
-import { FloatingKeyboard, Sidebar, WordsGuesser } from '@/components'
-
-import classes from './App.module.scss'
-
-
-function App() {
-  const colorScheme = useComputedColorScheme()
-  const isXs = useMediaQuery('(max-width: 400px)')
-  const [isSidebarOpened, { toggle: toggleSidebar, close: closeSidebar }] = useDisclosure(false)
-
-  return (
-    <>
-      <Helmet>
-        <meta name='theme-color' content={colorScheme === 'dark' ? '#242424' : '#f1f3f5'} />
-      </Helmet>
-
-      <Sidebar
-        opened={isSidebarOpened}
-        onClose={closeSidebar}
-      />
-
-      <Box
-        pos='absolute'
-        top={10}
-        left={10}
-      >
-        <Burger
-          opened={isSidebarOpened}
-          onClick={toggleSidebar}
-          opacity={0.6}
-        />
-      </Box>
-
-      <Stack className={classes.stack} h='100%' align='center' justify='center' gap={isXs ? 30 : 50}>
-        <Box mah='60rem' style={{ justifySelf: 'start' }}>
-          <WordsGuesser />
-        </Box>
-
-        <FloatingKeyboard />
-      </Stack>
-    </>
-  )
-}
-
-export default App
diff --git a/src/components/Sidebar/index.tsx b/src/components/Sidebar/index.tsx
index 25fb1fe..dced768 100644
--- a/src/components/Sidebar/index.tsx
+++ b/src/components/Sidebar/index.tsx
@@ -1,15 +1,32 @@
-import { Button, Code, Divider, Drawer, DrawerProps, Stack, Switch, Text, Title, useMantineColorScheme } from '@mantine/core'
+import { Button, Code, Divider, Drawer, DrawerProps, NavLink, NavLinkProps, Stack, Switch, Text, Title, useMantineColorScheme } from '@mantine/core'
+import { Link, LinkProps, useMatchRoute } from '@tanstack/react-router'
 
 import { MoonStarsIcon, SunIcon } from '@/assets'
-import { useWordleStore } from '@/hooks'
+import { useSwipe, useWordleStore } from '@/hooks'
 import { secondsToHms } from '@/utils'
 
 interface SidebarProps extends DrawerProps {
 
 }
 
+const NavRouterLink = ({ label, to, ...props }: LinkProps & NavLinkProps) => {
+  const matchRoute = useMatchRoute()
+
+  return (
+    <NavLink
+      active={!!matchRoute({ to })}
+      component={Link}
+      to={to}
+      label={label}
+      rightSection={
+        <span style={{ fontFamily: 'monospace' }}>{'>'}</span>
+      }
+      {...props}
+    />
+  )
+}
+
 const Sidebar = ({ opened, onClose, ...props }: SidebarProps) => {
-  const { colorScheme, toggleColorScheme } = useMantineColorScheme()
   const [
     resetStore,
     time,
@@ -17,6 +34,11 @@ const Sidebar = ({ opened, onClose, ...props }: SidebarProps) => {
     state.resetStore,
     state.time,
   ])
+  const { colorScheme, toggleColorScheme } = useMantineColorScheme()
+
+  useSwipe({
+    left: onClose
+  })
 
   const handleResetStore = () => {
     resetStore()
@@ -35,8 +57,6 @@ const Sidebar = ({ opened, onClose, ...props }: SidebarProps) => {
           Session Time: <Code fz='sm'>{secondsToHms(time)}</Code>
         </Text>
 
-        <Divider />
-
         <Switch
           color='dark.4'
           label='Dark mode'
@@ -47,6 +67,21 @@ const Sidebar = ({ opened, onClose, ...props }: SidebarProps) => {
           offLabel={<SunIcon strokeWidth={2.5} width='1rem' color='var(--mantine-color-yellow-7)' />}
         />
 
+        <Divider />
+
+        <Stack gap={0}>
+          <NavRouterLink
+            to='/'
+            label='Wordle'
+          />
+          <NavRouterLink
+            to='/helper'
+            label='Helper'
+          />
+        </Stack>
+
+        <Divider />
+
         <Button onClick={handleResetStore}>
           Restart Game
         </Button>
diff --git a/src/hooks/index.ts b/src/hooks/index.ts
index 8720608..6239385 100644
--- a/src/hooks/index.ts
+++ b/src/hooks/index.ts
@@ -1 +1,2 @@
 export { default as useWordleStore } from './store'
+export { useSwipe } from './swipe'
diff --git a/src/hooks/swipe.ts b/src/hooks/swipe.ts
new file mode 100644
index 0000000..55d0287
--- /dev/null
+++ b/src/hooks/swipe.ts
@@ -0,0 +1,60 @@
+import { useEffect, useRef } from 'react'
+
+interface SwipeOptions {
+  left?: () => void
+  right?: () => void
+  up?: () => void
+  down?: () => void
+}
+
+const useSwipe = ({ left, right, up, down }: SwipeOptions = {}) => {
+  const touchCoordsRef = useRef({ touchStart: { x: 0, y: 0, time: Date.now() } })
+  const fnsRef = useRef({ up, down, left, right })
+  fnsRef.current = {
+    up,
+    left,
+    down,
+    right,
+  }
+  useEffect(() => {
+    const handleTouchStart = (e: TouchEvent) => {
+      touchCoordsRef.current.touchStart.x = e.targetTouches[0].clientX
+      touchCoordsRef.current.touchStart.y = e.targetTouches[0].clientY
+      touchCoordsRef.current.touchStart.time = Date.now()
+    }
+    const handleTouchEnd = (e: TouchEvent) => {
+      const threshold = 150
+      const swipeSpeed = 1 // sec;
+      const touchEndX = e.changedTouches[0].clientX
+      const touchEndY = e.changedTouches[0].clientY
+      const touchStartX = touchCoordsRef.current.touchStart.x
+      const touchStartY = touchCoordsRef.current.touchStart.y
+      const elapsedTime = (Date.now() - touchCoordsRef.current.touchStart.time) / 1000
+      if (elapsedTime > swipeSpeed) {
+        return
+      }
+      const xDistance = touchStartX - touchEndX
+      const yDistance = touchStartY - touchEndY
+
+      if (Math.abs(xDistance) < threshold && Math.abs(yDistance) < threshold) {
+        return
+      }
+
+      if (Math.abs(xDistance) >= Math.abs(yDistance)) {
+        xDistance > 0 ? fnsRef.current.left?.() : fnsRef.current.right?.()
+      } else {
+        yDistance > 0 ? fnsRef.current.down?.() : fnsRef.current.up?.()
+      }
+    }
+    window.addEventListener('touchstart', handleTouchStart)
+    window.addEventListener('touchend', handleTouchEnd)
+    return () => {
+      window.removeEventListener('touchstart', handleTouchStart)
+      window.removeEventListener('touchend', handleTouchEnd)
+    }
+  })
+}
+
+export {
+  useSwipe
+}
diff --git a/src/index.css b/src/index.css
index c21b0fe..b639d48 100644
--- a/src/index.css
+++ b/src/index.css
@@ -8,3 +8,9 @@ body {
   touch-action: pan-x pan-y;
   padding: 0 0;
 }
+
+.mantine-NavLink-root[data-active] {
+  border-left: 1px solid var(--mantine-primary-color-light-color);
+  font-weight: 500;
+  color: var(--mantine-color-default-color);
+}
diff --git a/src/main.tsx b/src/main.tsx
index 82dd26d..29ecb93 100644
--- a/src/main.tsx
+++ b/src/main.tsx
@@ -1,49 +1,16 @@
 import '@mantine/core/styles.css'
 import '@mantine/notifications/styles.css'
+import './index.css'
 
-import { CSSVariablesResolver, MantineProvider, createTheme, localStorageColorSchemeManager } from '@mantine/core'
+import { MantineProvider } from '@mantine/core'
 import { Notifications } from '@mantine/notifications'
+import { RouterProvider } from '@tanstack/react-router'
 import { StrictMode } from 'react'
 import { createRoot } from 'react-dom/client'
 
-import App from './App.tsx'
-import './index.css'
-
-const colorSchemeManager = localStorageColorSchemeManager({
-  key: 'better-wordle-color-scheme',
-})
-
-const cssResolver: CSSVariablesResolver = (theme) => ({
-  variables: {
-    '--color-letter-state-perfect': theme.colors.green[9],
-    '--color-letter-state-correct': theme.colors.yellow[9],
-    '--color-letter-state-incorrect': theme.colors.gray[8],
-    '--color-letter-state-incorrect-light': 'var(--mantine-color-dimmed)',
-  },
-
-  light: {
-    '--mantine-color-body': theme.colors.gray[1],
-    '--color-letter-state-incorrect': theme.colors.gray[7],
-    '--color-letter-filled-border': 'color-mix(in srgb, var(--mantine-color-default-border), #000 20%)',
-    '--color-letter-selected': theme.colors.gray[3],
-  },
-
-  dark: {
-    '--color-letter-filled-border': 'color-mix(in srgb, var(--mantine-color-default-border), #fff 20%)',
-    '--color-letter-selected': theme.colors.gray[7],
-  },
-})
+import router from './router'
+import { colorSchemeManager, cssResolver, theme } from './theme'
 
-const theme = createTheme({
-  components: {
-    Code: {
-      defaultProps: {
-        bg: 'gray',
-        c: 'var(--mantine-primary-color-contrast)',
-      }
-    }
-  }
-})
 
 createRoot(document.getElementById('root')!).render(
   <StrictMode>
@@ -57,7 +24,7 @@ createRoot(document.getElementById('root')!).render(
         autoClose={3000}
         limit={2}
       />
-      <App />
+      <RouterProvider router={router} />
     </MantineProvider>
   </StrictMode>
 )
diff --git a/src/routeTree.gen.ts b/src/routeTree.gen.ts
new file mode 100644
index 0000000..aede992
--- /dev/null
+++ b/src/routeTree.gen.ts
@@ -0,0 +1,74 @@
+/* prettier-ignore-start */
+
+/* eslint-disable */
+
+// @ts-nocheck
+
+// noinspection JSUnusedGlobalSymbols
+
+// This file is auto-generated by TanStack Router
+
+// Import Routes
+
+import { Route as rootRoute } from './routes/__root'
+import { Route as HelperImport } from './routes/helper'
+import { Route as IndexImport } from './routes/index'
+
+// Create/Update Routes
+
+const HelperRoute = HelperImport.update({
+  path: '/helper',
+  getParentRoute: () => rootRoute,
+} as any)
+
+const IndexRoute = IndexImport.update({
+  path: '/',
+  getParentRoute: () => rootRoute,
+} as any)
+
+// Populate the FileRoutesByPath interface
+
+declare module '@tanstack/react-router' {
+  interface FileRoutesByPath {
+    '/': {
+      id: '/'
+      path: '/'
+      fullPath: '/'
+      preLoaderRoute: typeof IndexImport
+      parentRoute: typeof rootRoute
+    }
+    '/helper': {
+      id: '/helper'
+      path: '/helper'
+      fullPath: '/helper'
+      preLoaderRoute: typeof HelperImport
+      parentRoute: typeof rootRoute
+    }
+  }
+}
+
+// Create and export the route tree
+
+export const routeTree = rootRoute.addChildren({ IndexRoute, HelperRoute })
+
+/* prettier-ignore-end */
+
+/* ROUTE_MANIFEST_START
+{
+  "routes": {
+    "__root__": {
+      "filePath": "__root.tsx",
+      "children": [
+        "/",
+        "/helper"
+      ]
+    },
+    "/": {
+      "filePath": "index.tsx"
+    },
+    "/helper": {
+      "filePath": "helper.tsx"
+    }
+  }
+}
+ROUTE_MANIFEST_END */
diff --git a/src/router.ts b/src/router.ts
new file mode 100644
index 0000000..9ba1800
--- /dev/null
+++ b/src/router.ts
@@ -0,0 +1,17 @@
+import { createRouter } from '@tanstack/react-router'
+import { routeTree } from './routeTree.gen'
+
+
+const router = createRouter({
+  routeTree,
+  basepath: '/better-wordle',
+  trailingSlash: 'never',
+})
+
+declare module '@tanstack/react-router' {
+  interface Register {
+    router: typeof router
+  }
+}
+
+export default router
\ No newline at end of file
diff --git a/src/routes/__root.tsx b/src/routes/__root.tsx
new file mode 100644
index 0000000..af39d21
--- /dev/null
+++ b/src/routes/__root.tsx
@@ -0,0 +1,42 @@
+import { Box, Burger, useComputedColorScheme } from '@mantine/core'
+import { useDisclosure } from '@mantine/hooks'
+import { Outlet, createRootRoute } from '@tanstack/react-router'
+import { TanStackRouterDevtools } from '@tanstack/router-devtools'
+import { Helmet } from 'react-helmet'
+
+import { Sidebar } from '@/components'
+
+export const Route = createRootRoute({
+  component: () => {
+    const colorScheme = useComputedColorScheme()
+    const [isSidebarOpened, { toggle: toggleSidebar, close: closeSidebar }] = useDisclosure(false)
+
+    return (
+      <>
+        <Helmet>
+          <meta name='theme-color' content={colorScheme === 'dark' ? '#242424' : '#f1f3f5'} />
+        </Helmet>
+
+        <Sidebar
+          opened={isSidebarOpened}
+          onClose={closeSidebar}
+        />
+
+        <Box
+          pos='absolute'
+          top={10}
+          left={10}
+        >
+          <Burger
+            opened={isSidebarOpened}
+            onClick={toggleSidebar}
+            opacity={0.6}
+          />
+        </Box>
+
+        <Outlet />
+        <TanStackRouterDevtools />
+      </>
+    )
+  },
+})
diff --git a/src/routes/helper.tsx b/src/routes/helper.tsx
new file mode 100644
index 0000000..38befc2
--- /dev/null
+++ b/src/routes/helper.tsx
@@ -0,0 +1,14 @@
+import { Center } from '@mantine/core'
+import { createFileRoute } from '@tanstack/react-router'
+
+export const Route = createFileRoute('/helper')({
+  component: HelperPage,
+})
+
+function HelperPage() {
+  return (
+    <Center>
+      <h3>TBD</h3>
+    </Center>
+  )
+}
diff --git a/src/App.module.scss b/src/routes/index.module.scss
similarity index 100%
rename from src/App.module.scss
rename to src/routes/index.module.scss
diff --git a/src/routes/index.tsx b/src/routes/index.tsx
new file mode 100644
index 0000000..1229f26
--- /dev/null
+++ b/src/routes/index.tsx
@@ -0,0 +1,25 @@
+import { Box, Stack } from '@mantine/core'
+import { useMediaQuery } from '@mantine/hooks'
+import { createFileRoute } from '@tanstack/react-router'
+
+import { FloatingKeyboard, WordsGuesser } from '@/components'
+
+import classes from './index.module.scss'
+
+export const Route = createFileRoute('/')({
+  component: BetterWordlePage,
+})
+
+function BetterWordlePage() {
+  const isXs = useMediaQuery('(max-width: 400px)')
+
+  return (
+    <Stack className={classes.stack} h='100%' align='center' justify='center' gap={isXs ? 30 : 50}>
+      <Box mah='60rem' style={{ justifySelf: 'start' }}>
+        <WordsGuesser />
+      </Box>
+
+      <FloatingKeyboard />
+    </Stack>
+  )
+}
diff --git a/src/theme.ts b/src/theme.ts
new file mode 100644
index 0000000..7dc8fb1
--- /dev/null
+++ b/src/theme.ts
@@ -0,0 +1,44 @@
+import { CSSVariablesResolver, createTheme, localStorageColorSchemeManager } from '@mantine/core'
+
+
+const colorSchemeManager = localStorageColorSchemeManager({
+  key: 'better-wordle-color-scheme',
+})
+
+const cssResolver: CSSVariablesResolver = (theme) => ({
+  variables: {
+    '--color-letter-state-perfect': theme.colors.green[9],
+    '--color-letter-state-correct': theme.colors.yellow[9],
+    '--color-letter-state-incorrect': theme.colors.gray[8],
+    '--color-letter-state-incorrect-light': 'var(--mantine-color-dimmed)',
+  },
+
+  light: {
+    '--mantine-color-body': theme.colors.gray[1],
+    '--color-letter-state-incorrect': theme.colors.gray[7],
+    '--color-letter-filled-border': 'color-mix(in srgb, var(--mantine-color-default-border), #000 20%)',
+    '--color-letter-selected': theme.colors.gray[3],
+  },
+
+  dark: {
+    '--color-letter-filled-border': 'color-mix(in srgb, var(--mantine-color-default-border), #fff 20%)',
+    '--color-letter-selected': theme.colors.gray[7],
+  },
+})
+
+const theme = createTheme({
+  components: {
+    Code: {
+      defaultProps: {
+        bg: 'gray',
+        c: 'var(--mantine-primary-color-contrast)',
+      }
+    }
+  }
+})
+
+export {
+  colorSchemeManager,
+  cssResolver,
+  theme
+}
diff --git a/vite.config.ts b/vite.config.ts
index 2ebdb36..2421d67 100644
--- a/vite.config.ts
+++ b/vite.config.ts
@@ -1,11 +1,13 @@
+import { TanStackRouterVite } from '@tanstack/router-plugin/vite'
 import react from '@vitejs/plugin-react-swc'
 import path from 'path'
 import { defineConfig } from 'vite'
 import svgr from "vite-plugin-svgr"
 
+
 // https://vitejs.dev/config/
 export default defineConfig({
-  base: '/better-wordle/',
+  base: '/better-wordle',
   resolve: {
     alias: {
       '@': path.resolve(__dirname, './src'),
@@ -17,6 +19,7 @@ export default defineConfig({
   },
   plugins: [
     react(),
+    TanStackRouterVite(),
     svgr(),
   ],
 })