From 24d792009d2ea71ad3fadc07d7109bc7f14d5375 Mon Sep 17 00:00:00 2001 From: Suvodip Date: Thu, 25 Jul 2024 19:35:28 +0530 Subject: [PATCH] s --- app/routes/ai-quiz.tsx | 148 +++++++++++++++++++++++++++++++--- public/assets/button-icon.svg | 3 + public/assets/quiz-logo.svg | 4 + public/assets/robot.png | Bin 0 -> 3974 bytes 4 files changed, 142 insertions(+), 13 deletions(-) create mode 100644 public/assets/button-icon.svg create mode 100644 public/assets/quiz-logo.svg create mode 100644 public/assets/robot.png diff --git a/app/routes/ai-quiz.tsx b/app/routes/ai-quiz.tsx index f36fbf2..dafbf8b 100644 --- a/app/routes/ai-quiz.tsx +++ b/app/routes/ai-quiz.tsx @@ -1,15 +1,137 @@ -import React, {useState} from "react"; +import React, { useEffect, useState } from 'react'; +import { Progress } from 'antd'; -export default function Index(){ - return( -
-
- -
-

Take an AI Generative Quiz

-

Convert any text into an interactive quiz session

+function letterCount() { + const element = document.getElementById('queryMessage') as HTMLInputElement | null; + if (element) { + const valueLength = element.value.length; + const lengthElement = document.getElementById('letterLength'); + if (lengthElement) { + lengthElement.innerHTML = valueLength.toString(); + } + console.log(valueLength); + } else { + console.error("Element with id 'queryMessage' not found."); + } +} + +export default function Index() { + const [percent, setPercent] = useState(0); + const [secondsLeft, setSecondsLeft] = useState(30); + + useEffect(() => { + const interval = setInterval(() => { + setPercent((prevPercent) => { + if (prevPercent >= 100) { + clearInterval(interval); + return 100; + } + return Math.round(prevPercent + (100 / 30)); // Round percentage + }); + + setSecondsLeft((prevSeconds) => { + if (prevSeconds <= 1) { + clearInterval(interval); + return 0; + } + return prevSeconds - 1; + }); + }, 1000); + + return () => clearInterval(interval); + }, []); + + return ( + <> +
+
+

✨

+
+

Take an AI Generative Quiz

+

Convert any text into an interactive quiz session

+
-
-
- ) -} \ No newline at end of file + + +
+
+
+ +

0/2000

+
+ +
+

Trending

+
+
+
+ +
+
+

Dr. Marie Montessori Life Journey

+

12 classmates have taken this quiz.

+
+
+
+
+ +
+
+

Montessori Methods

+

10 classmates have taken this quiz.

+
+
+
+
+ +
+
+

Practical Methods

+

12 classmates have taken this quiz.

+
+
+
+

Or try these

+
+
+ +
+
+ +
+
+ +
+
+

Difficulty

+
+ +
+
+ +
+
+
+
+ +

Generating Quiz

+

This usually takes {secondsLeft} seconds

+ +
+ +
+
+
+ + ); +} diff --git a/public/assets/button-icon.svg b/public/assets/button-icon.svg new file mode 100644 index 0000000..5563a56 --- /dev/null +++ b/public/assets/button-icon.svg @@ -0,0 +1,3 @@ + + + diff --git a/public/assets/quiz-logo.svg b/public/assets/quiz-logo.svg new file mode 100644 index 0000000..744d51b --- /dev/null +++ b/public/assets/quiz-logo.svg @@ -0,0 +1,4 @@ + + + + diff --git a/public/assets/robot.png b/public/assets/robot.png new file mode 100644 index 0000000000000000000000000000000000000000..f1d3f6cd0ff0ef7c6e978f64245071e44d203b30 GIT binary patch literal 3974 zcmV;14|(v3P)p&lBrM=RH=&6O0oar zKa5lf3#ej4kmw%>5Fq*>*p%{08qOr7Bu$9d&cliG@Y%le?LBt4^IIp*-TCfz_HK54 zzT1zq@!fiEbKdX%W_~mCo8J(yiNQd?2co(SH1I>2^U^DS4UUaX40P}B?gtwnU@?P7 z54DQm+N*)q3Jy9Se)KsUI(!sgN&*O79>LSw)zcLOix9vf&~k^r3G5R<>~jQ8rKzd$ z`b)nGYL~3af%aduw}M4jA~F@&FSxaUrfECCVHUmxHR-4PREfT)AAkA@umDR$rULgl zZLfJ~jn~uh`#)_1&Ttob_(*LCe;YHA9;`1coJC;Y1Ggi8XKW>^fX&(P)3S#5H9I~$WD zaQ?)x6w60(u&k=4iiFiXif44qY}d7tp)(_J=s!mx8lCiX0MwMax@Aj|2G6jj-7zvGb4FjLsiv&-~>NQro8+9 zN4=91p|b8PkB^67d}0y`M0#oeOK$@wxQcxE+oN3-YQ;|4nddqzSBCTgN4Pp(Jv}|a zx&^f_fI}fjRFxj!h$TS-?T@wh(JQxtgDJcf6%dY3wY=Q(@&Itek}i}i%G+sYp6eGa zb?E&HMkBH9yah%q4gYC>yuE||a3(DbpgzpN%G;ZteD;rju*5JdkMU~X(e4KoI_Q(S z)p5wu(4e3G+uQwGcMn*Ix}*h0N?v3nhtMT2Fj5vGBN>D)3xScc5gE~iR$wpfB7ObhYcFkWXS z4ymd-(A=`VALc3ZPGn3pBM{eC`f^)=Vwwf#nfpOg-%*rUe{;({63i3kg~*s>#^r*Y zD(DN`iz2#&5YnT>6TS1n!i!quViY$Wv~DGl=qzTji&o?_M*}Es2NbEe=}cR;+*yp( zc+rWBi`fOYYaeL*7Gc|o0HkB-s+LYDB8p1n`DVS@pf{CP;n63H#j1-&WK0cJQkjDY zNGc?@H{ZEo&KDWXxya~TT}$p(aP>_4vk;5NArVi2qNrdNQ51moxj~>mamfk?f^t-T z^7eHbxvfylhdC9wP=Qg@;P@m=O-1xY-f=1}PpYcCy4W=}RrGa!i`FMYA&AE!J6bkx z;kr`M409%OAp)bQm#>V`pEB5m+wFqd+G?ox)#)RgchdE%*M8*ud zW)rNUxFZ)Xakp5r)Ya9%!o~(Bv9F6v2`Uh8+tBu~?QQg&hd1xB ztd<*gY4CM}2H(|caM4STN<6?ci>_s)xMh;Sib+BLiAN?-;Drn8p>9EK&TA%#j7S26 zTUy$-+qy!-c9He5XAt{X%ZEZ!aDHS|Z-3Ldd^rf`&W*wliNgNhG{d;h13cMu;37Qu zSr8fog}WNddYUmlxv z9)*>p^N>i~$O3e6iI)n!0-|0Kcz^1Vv&!^NUA37m}If0HhDGTDUAC^BuIX|>&K zSGCROv1b6Sn26dNEM+qZjMjVX*mn?%Wp}!~vI4h%JE>dq#UD28X6XW%QY=3HYcG_7;0;(_5SvCVzC&|35;1^RUnm%yL(=J2W-GLOCF-$ zG%$G6SI5R-bTl=S-q6s9UOk%ut@@K6Ho=MSFEFgamz@sj!mj>m49wv5dSK0(l_}LX zo!>p}ohvk#$N<{gceicX4i;mJ$gEb3 z0w?!@c?fI=ikg5;_ufU@WB1ItWlNXnqhz^7##yUyz13~A5&yp*utwu#qT+HZx9a)a*Ui5qdAJS7vO%47{ zSFes6eohd`POuouMHY!*xYrTpqD;2pbLTEmp<^)LIDX$}S^>`Reu#b?i6g!u?QsHaY!nR$=Z^~6Nj@N+~Z-1mY?hD!p~-Ouc9B_i2M zRPd9esE&VqddSzhd0o!WPSU<*vK31bTk2q$c8fl_zX^`qRj%XC}juC)yutUz2uPqQ}P& zhyLz2x+N%pg1l=KS0rSw2AT6_ZMj75~V{rIggcUw(O%sjB|VGq=tf@IWzs z{pXWVDEQ#K_tTqao&V)4r(yZvY|ESoPtqaQ8xQKLJ6BSnm(9FysISGg7jn`2`nz=C zBtGl>wY*|o-LH1%9XFPDb-m|zd-e*1^kowmX>6=Fyv|hQ#taV?8sNBiULgYCa)_d_1!B{B+3yG0#F<#6^U z7tv@mrK-kRB^HA9*{i={4kBk8`^Ku9>GQfHdBZ9b2^NtJV;BA4fxdh;1v4!&R?#d1 zdpvHasK|X&Vri5A;V|14131Q<4Xm;Yr7lamp6mZj1|Qtyx$ihbyjg8c6)@nJ75ObN ziD{8(6}^w8+`>lV2QHdcHRCK33)n6$%g{D18i_DDM@FpwH1l4HkGy#fSP3Ti87hOw zXcSBkXf?anvMKLcw_@}8DzlP2B7}3p$@9ZT{A~XaeE9GZIwtMaCm?WgVZ&!vfCn2s zyR6S>9o*QcUmGp>K05VSXToz&wq#8+-erf;lBXehdg*@F;-*9va3vulEKg=~*sK|W z5ftGkZ=MCKz=y`{tW+}Tp-QT%8G6{P5JJ{s+svBi)l_v&FTRGgtfzu+D2~GoaKp~H z7-!xA&h{PN9QdF_m1fqmj>u(zBXSwwh+GD6-Qlg6z+q4902 zq0J6)-a%)wnmCM@6&p@!`3|@bb38FOD=fV(FLS)Mxi(oN19aTfFlH+sG);vlwF++6 zqccH5%$xwYdpghWU?Gy3y{k-B*A?!H9%9wbXAaB|jhNcL*pwxAbae#xJhS@+I*4t_ zCYzYPffr3tfe!tdb2%^=zN#t?Jn*$pgosF}(^V)~nST;8sz5`BVjoN`3)25))b zUf{(R40$%Y%IKEW^nl_OG8na>Wbd3B+l>v~Soh1RsJ8ExY67=%KhoQEh9aJfpm7l*x(nySLmMd=ZnD%qaz zK2`-kUKlMR0NF{eloC*|eA!}Hx9)pP*NEqtcWXX?ac(T#PK@w;?{A-^pO)y+>lM6R zh3o{&wbQ%jw|myAf~p61ZQj(<+SF9&n#A}OR%a*Pl zKJbqnv@u```g6c48T!|?{m7DpF_txms-Q^VP!w1uvJ3QKH)r645lvMs%O7Hy$SrMc zLF#?mlK7+)NC@TzILu&a|3xI8UGy21z#%6pXr1@8JtToeSSm7FvjA$FBXo99;Pq`= zI>16~NemO{>+>Zbx`Tj#!=dwX+X2o5sW&~KfzoM5=G-|+p!#{=2YxWgspFD=SQ=%{ z$(av0Hyn-_X9hsr9``$sY;Daesf(3Wb0+2_#w(vca`&#?ASl*8lPL0Jm@#O8z?j`) z<%<*kQwBI9mjRB*Wq>1c8Q_Rq1~?*@0k-v%2fsPER#3!NLWDK+f5kaxQ(0_eIqJJI zHg4%a3dVjb3R@U&ZB4b*Q16q#Ji)2(q!bE8K3@007F#w2vs`4{SVRQZUY7KWq8pw!yZ2K$kRb=Qq(FSTRaxvUX_K$--sT9*j9&zIAn@_u zEm@sniO8Z$owxfR&n2o#x(@ce&;7n}7kTi=;T;-So7%U8@wvdwJuZ&B$bvwe2+abZ zQ;=)*AV`jI6&bCVb@w)h>=1$P%2BQ&(?0N4a3~l|FCFN6%XBu}Z15EsG(R{Pf@`sj zP@t+6IKjJ3c06hWa7({f)Ho3<^|ZNJGS|ouT*T&(9Ys-6lAYTHSCM78^wJ}h0?sT{ z8Q_Rq1~?*@0lYunsCjQt<&cafi7?d;qbN~PV07*qoM6N<$g4=|VsQ>@~ literal 0 HcmV?d00001