From df3d10f4616eab47103d27899619f4424d301349 Mon Sep 17 00:00:00 2001
From: Shaina <shainaz@udel.edu>
Date: Mon, 7 Apr 2025 10:57:35 -0400
Subject: [PATCH 01/25] added outline for progress bar

---
 src/Pages/BasicQuestions.tsx | 10 ++++++++--
 1 file changed, 8 insertions(+), 2 deletions(-)

diff --git a/src/Pages/BasicQuestions.tsx b/src/Pages/BasicQuestions.tsx
index 98b0837..e6bfdf0 100644
--- a/src/Pages/BasicQuestions.tsx
+++ b/src/Pages/BasicQuestions.tsx
@@ -27,7 +27,12 @@ export function BasicQuestions(): React.JSX.Element{
     const [answer1, setAnswer1] = useState<string>(Q1ANSWER[0]);
     const [answer2, setAnswer2] = useState<string>(Q2ANSWER[0]);
     const [answer3, setAnswer3] = useState<string>(Q3ANSWER[0]);
-    
+    const [progress,setProgress]=useState<number>(0)
+    let sum =0;
+    function UpdateProgress(){
+        sum+=1;
+        setProgress(sum);
+    }
     return(
         
         <span>  
@@ -78,12 +83,13 @@ export function BasicQuestions(): React.JSX.Element{
                                 value={ananswer3}
                                 label={ananswer3}
                                 onChange={(e) => {
-                                    setAnswer3(e.target.value);
+                                    UpdateProgress();
                                 }}
                                 checked={answer3 === ananswer3}
                             />
                         ))}
                 </Form.Group>
+                <progress value={progress} max={7} ></progress>
                 </div>
         </span>
     )

From 1a7cb3de57e190618fddb138bac65a45eb847618 Mon Sep 17 00:00:00 2001
From: Axel Rodriguez-Leon <axelarl@udel.edu>
Date: Mon, 7 Apr 2025 11:05:57 -0400
Subject: [PATCH 02/25] Fixed issue with Detailed Questions page not displaying

---
 src/App.tsx                     | 2 +-
 src/Pages/BasicQuestions.tsx    | 4 ++--
 src/Pages/DetailedQuestions.tsx | 2 +-
 src/Pages/Pages.css             | 2 +-
 4 files changed, 5 insertions(+), 5 deletions(-)

diff --git a/src/App.tsx b/src/App.tsx
index 3f0a78f..84a029e 100644
--- a/src/App.tsx
+++ b/src/App.tsx
@@ -54,10 +54,10 @@ function App() {
             </Button>
             <div className="Basic-Questions" hidden={notBasic}>
         <BasicQuestions />
+        </div>
         <div className="Detailed-Questions" hidden={notDetailed}>
         <DetailedQuestions />
       </div>
-        </div>
         </header>
         <p className ="basic" hidden = {isHome}>Not sure where to start? Answer a few small questions to get some starting points on a career path.
         <Button //Flips the visibility of the Basic and Home pages
diff --git a/src/Pages/BasicQuestions.tsx b/src/Pages/BasicQuestions.tsx
index 98b0837..d30b414 100644
--- a/src/Pages/BasicQuestions.tsx
+++ b/src/Pages/BasicQuestions.tsx
@@ -63,7 +63,7 @@ export function BasicQuestions(): React.JSX.Element{
                                 onChange={(e) => {
                                     setAnswer2(e.target.value);
                                 }}
-                                checked={answer2 === ananswer2}
+                                //checked={answer2 === ananswer2}
                             />
                         ))}
                     </Form.Group>
@@ -80,7 +80,7 @@ export function BasicQuestions(): React.JSX.Element{
                                 onChange={(e) => {
                                     setAnswer3(e.target.value);
                                 }}
-                                checked={answer3 === ananswer3}
+                                //checked={answer3 === ananswer3}
                             />
                         ))}
                 </Form.Group>
diff --git a/src/Pages/DetailedQuestions.tsx b/src/Pages/DetailedQuestions.tsx
index 2c65bba..4c72903 100644
--- a/src/Pages/DetailedQuestions.tsx
+++ b/src/Pages/DetailedQuestions.tsx
@@ -29,7 +29,7 @@ export function DetailedQuestions(): React.JSX.Element{
     return(
         
         <span>  
-                <div className = "Basic-Questions">
+                <div className = "Detailed-Questions">
                     <header> Detailed Quiz</header>
                     <h3>Question 1</h3>
                     <Form.Group controlId={"Question 1"}>
diff --git a/src/Pages/Pages.css b/src/Pages/Pages.css
index c5aebe5..258435b 100644
--- a/src/Pages/Pages.css
+++ b/src/Pages/Pages.css
@@ -2,7 +2,7 @@
     text-align: center;
 }
 
-.Detailed-Question {
+.Detailed-Question{
     text-align: center;
 }
 

From e126a90b8c89e2661076311c3e6d1f0af7be01ab Mon Sep 17 00:00:00 2001
From: Shaina <shainaz@udel.edu>
Date: Wed, 9 Apr 2025 10:35:12 -0400
Subject: [PATCH 03/25] updated the updateProgress function

---
 src/Pages/BasicQuestions.tsx | 12 ++++++++----
 1 file changed, 8 insertions(+), 4 deletions(-)

diff --git a/src/Pages/BasicQuestions.tsx b/src/Pages/BasicQuestions.tsx
index e6bfdf0..075a5cc 100644
--- a/src/Pages/BasicQuestions.tsx
+++ b/src/Pages/BasicQuestions.tsx
@@ -28,10 +28,10 @@ export function BasicQuestions(): React.JSX.Element{
     const [answer2, setAnswer2] = useState<string>(Q2ANSWER[0]);
     const [answer3, setAnswer3] = useState<string>(Q3ANSWER[0]);
     const [progress,setProgress]=useState<number>(0)
-    let sum =0;
+
     function UpdateProgress(){
-        sum+=1;
-        setProgress(sum);
+      setProgress(progress+1);
+      console.log(progress);
     }
     return(
         
@@ -50,6 +50,7 @@ export function BasicQuestions(): React.JSX.Element{
                                 label={ananswer}
                                 onChange={(e) => {
                                     setAnswer1(e.target.value);
+                                    UpdateProgress();
                                 }}
                                 checked={answer1 === ananswer}
                             />
@@ -67,6 +68,7 @@ export function BasicQuestions(): React.JSX.Element{
                                 label={ananswer2}
                                 onChange={(e) => {
                                     setAnswer2(e.target.value);
+                                    UpdateProgress();
                                 }}
                                 checked={answer2 === ananswer2}
                             />
@@ -83,7 +85,9 @@ export function BasicQuestions(): React.JSX.Element{
                                 value={ananswer3}
                                 label={ananswer3}
                                 onChange={(e) => {
-                                    UpdateProgress();
+                                    setAnswer3(e.target.value
+                                     );
+                                     UpdateProgress();
                                 }}
                                 checked={answer3 === ananswer3}
                             />

From 38406930d5f5105ee7e8f1f4ba9d45831fc6e057 Mon Sep 17 00:00:00 2001
From: Shaina <shainaz@udel.edu>
Date: Mon, 14 Apr 2025 10:30:55 -0400
Subject: [PATCH 04/25] added a feedback for when user has completed questions

---
 src/Pages/BasicQuestions.tsx | 1 +
 1 file changed, 1 insertion(+)

diff --git a/src/Pages/BasicQuestions.tsx b/src/Pages/BasicQuestions.tsx
index 075a5cc..57d6bb4 100644
--- a/src/Pages/BasicQuestions.tsx
+++ b/src/Pages/BasicQuestions.tsx
@@ -94,6 +94,7 @@ export function BasicQuestions(): React.JSX.Element{
                         ))}
                 </Form.Group>
                 <progress value={progress} max={7} ></progress>
+                <div className='Ready' hidden={progress!==7}>Ready to Submit?</div>
                 </div>
         </span>
     )

From 1cbc6d02b10c7e726a01c6f57fcfb90536403d88 Mon Sep 17 00:00:00 2001
From: Axel Rodriguez-Leon <axelarl@udel.edu>
Date: Mon, 14 Apr 2025 10:31:35 -0400
Subject: [PATCH 05/25] Uploaded progress so far

---
 src/Pages/BasicQuestions.tsx    | 2 +-
 src/Pages/DetailedQuestions.tsx | 2 +-
 2 files changed, 2 insertions(+), 2 deletions(-)

diff --git a/src/Pages/BasicQuestions.tsx b/src/Pages/BasicQuestions.tsx
index d30b414..5f66f46 100644
--- a/src/Pages/BasicQuestions.tsx
+++ b/src/Pages/BasicQuestions.tsx
@@ -46,7 +46,7 @@ export function BasicQuestions(): React.JSX.Element{
                                 onChange={(e) => {
                                     setAnswer1(e.target.value);
                                 }}
-                                checked={answer1 === ananswer}
+                                //checked={answer1 === ananswer}
                             />
                         ))}
                     </Form.Group>
diff --git a/src/Pages/DetailedQuestions.tsx b/src/Pages/DetailedQuestions.tsx
index 4c72903..be04155 100644
--- a/src/Pages/DetailedQuestions.tsx
+++ b/src/Pages/DetailedQuestions.tsx
@@ -29,7 +29,7 @@ export function DetailedQuestions(): React.JSX.Element{
     return(
         
         <span>  
-                <div className = "Detailed-Questions">
+                <div className = "Detailed-Question">
                     <header> Detailed Quiz</header>
                     <h3>Question 1</h3>
                     <Form.Group controlId={"Question 1"}>

From 100792b88b631e5c70821987cdd6b02b1f817741 Mon Sep 17 00:00:00 2001
From: Shaina <shainaz@udel.edu>
Date: Mon, 14 Apr 2025 10:40:52 -0400
Subject: [PATCH 06/25] added CSS file for BasicQuestions

---
 src/Pages/BasicQuestions.css | 3 +++
 1 file changed, 3 insertions(+)
 create mode 100644 src/Pages/BasicQuestions.css

diff --git a/src/Pages/BasicQuestions.css b/src/Pages/BasicQuestions.css
new file mode 100644
index 0000000..f9b4fab
--- /dev/null
+++ b/src/Pages/BasicQuestions.css
@@ -0,0 +1,3 @@
+.Ready{
+    color: black;
+}
\ No newline at end of file

From 7b9a82178b854548a94bd41a973cabbc7b204c6d Mon Sep 17 00:00:00 2001
From: Shaina <shainaz@udel.edu>
Date: Mon, 14 Apr 2025 10:50:33 -0400
Subject: [PATCH 07/25] changed color of text

---
 src/App.css | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/src/App.css b/src/App.css
index 3308b4b..d2e9cd8 100644
--- a/src/App.css
+++ b/src/App.css
@@ -24,7 +24,7 @@
   align-items: center;
   justify-content: center;
   font-size: calc(10px + 2vmin);
-  color: white;
+  color: black;
 }
 
 .App-link {

From dd653a04ee87c71600849d4048779f4eb88bd199 Mon Sep 17 00:00:00 2001
From: Shaina <shainaz@udel.edu>
Date: Tue, 15 Apr 2025 10:26:39 -0400
Subject: [PATCH 08/25] added more questions

---
 src/Pages/BasicQuestions.tsx | 105 +++++++++++++++++++++++++++++++++++
 1 file changed, 105 insertions(+)

diff --git a/src/Pages/BasicQuestions.tsx b/src/Pages/BasicQuestions.tsx
index 57d6bb4..7b3f2a5 100644
--- a/src/Pages/BasicQuestions.tsx
+++ b/src/Pages/BasicQuestions.tsx
@@ -21,12 +21,41 @@ const Q3ANSWER = [
     "Choice D"
 ]
 
+const Q4ANSWER = [
+    "Choice A",
+    "Choice B",
+    "Choice C",
+    "Choice D"
+]
+
+const Q5ANSWER = [
+    "Choice A",
+    "Choice B",
+    "Choice C",
+    "Choice D"
+]
 
+const Q6ANSWER = [
+    "Choice A",
+    "Choice B",
+    "Choice C",
+    "Choice D"
+]
 
+const Q7ANSWER = [
+    "Choice A",
+    "Choice B",
+    "Choice C",
+    "Choice D"
+]
 export function BasicQuestions(): React.JSX.Element{
     const [answer1, setAnswer1] = useState<string>(Q1ANSWER[0]);
     const [answer2, setAnswer2] = useState<string>(Q2ANSWER[0]);
     const [answer3, setAnswer3] = useState<string>(Q3ANSWER[0]);
+    const [answer4, setAnswer4] = useState<string>(Q4ANSWER[0]);
+    const [answer5, setAnswer5] = useState<string>(Q5ANSWER[0]);
+    const [answer6, setAnswer6] = useState<string>(Q6ANSWER[0]);
+    const [answer7, setAnswer7] = useState<string>(Q7ANSWER[0]);
     const [progress,setProgress]=useState<number>(0)
 
     function UpdateProgress(){
@@ -93,6 +122,82 @@ export function BasicQuestions(): React.JSX.Element{
                             />
                         ))}
                 </Form.Group>
+                <h3>Question 4</h3>
+                    <Form.Group controlId={"Question 3"}>
+                            {Q4ANSWER.map((ananswer4) => (
+                                <Form.Check
+                                inline
+                                type={"radio"}
+                                name={"response4"}
+                                key={ananswer4}
+                                value={ananswer4}
+                                label={ananswer4}
+                                onChange={(e) => {
+                                    setAnswer4(e.target.value
+                                     );
+                                     UpdateProgress();
+                                }}
+                                checked={answer4 === ananswer4}
+                            />
+                        ))}
+                </Form.Group>
+                <h3>Question 5</h3>
+                    <Form.Group controlId={"Question 5"}>
+                            {Q5ANSWER.map((ananswer5) => (
+                                <Form.Check
+                                inline
+                                type={"radio"}
+                                name={"response5"}
+                                key={ananswer5}
+                                value={ananswer5}
+                                label={ananswer5}
+                                onChange={(e) => {
+                                    setAnswer5(e.target.value
+                                     );
+                                     UpdateProgress();
+                                }}
+                                checked={answer5 === ananswer5}
+                            />
+                        ))}
+                </Form.Group>
+                <h3>Question 6</h3>
+                    <Form.Group controlId={"Question 6"}>
+                            {Q6ANSWER.map((ananswer6) => (
+                                <Form.Check
+                                inline
+                                type={"radio"}
+                                name={"response6"}
+                                key={ananswer6}
+                                value={ananswer6}
+                                label={ananswer6}
+                                onChange={(e) => {
+                                    setAnswer6(e.target.value
+                                     );
+                                     UpdateProgress();
+                                }}
+                                checked={answer6 === ananswer6}
+                            />
+                        ))}
+                </Form.Group>
+                <h3>Question 7</h3>
+                    <Form.Group controlId={"Question 7"}>
+                            {Q7ANSWER.map((ananswer7) => (
+                                <Form.Check
+                                inline
+                                type={"radio"}
+                                name={"response7"}
+                                key={ananswer7}
+                                value={ananswer7}
+                                label={ananswer7}
+                                onChange={(e) => {
+                                    setAnswer7(e.target.value
+                                     );
+                                     UpdateProgress();
+                                }}
+                                checked={answer7 === ananswer7}
+                            />
+                        ))}
+                </Form.Group>
                 <progress value={progress} max={7} ></progress>
                 <div className='Ready' hidden={progress!==7}>Ready to Submit?</div>
                 </div>

From e774eb4bcf8ea1f91b4fd10a91162513b9b4afea Mon Sep 17 00:00:00 2001
From: Axel Rodriguez-Leon <axelarl@udel.edu>
Date: Tue, 15 Apr 2025 14:01:14 -0400
Subject: [PATCH 09/25] Set up basic state use with the detailed page

---
 src/Pages/DetailedQuestions.tsx | 98 ++++++++-------------------------
 1 file changed, 24 insertions(+), 74 deletions(-)

diff --git a/src/Pages/DetailedQuestions.tsx b/src/Pages/DetailedQuestions.tsx
index be04155..896bb19 100644
--- a/src/Pages/DetailedQuestions.tsx
+++ b/src/Pages/DetailedQuestions.tsx
@@ -2,87 +2,37 @@ import React, { useState } from 'react';
 import './Pages.css';
 import {Form } from 'react-bootstrap';
 
-const Q1ANSWER = [
-    "Choice A",
-    "Choice B",
-    "Choice C",
-    "Choice D"
-]
-const Q2ANSWER = [
-    "Choice A",
-    "Choice B",
-    "Choice C",
-    "Choice D"
-]
-const Q3ANSWER = [
-    "Choice A",
-    "Choice B",
-    "Choice C",
-    "Choice D"
-]
 
 export function DetailedQuestions(): React.JSX.Element{
-    const [answer1, setAnswer1] = useState<string>(Q1ANSWER[0]);
-    const [answer2, setAnswer2] = useState<string>(Q2ANSWER[0]);
-    const [answer3, setAnswer3] = useState<string>(Q3ANSWER[0]);
+    const [response, setResponse] = useState(
+        { q1: "Type your answer here!", q2: "Type your answer here!", q3: "Type your answer here!",
+            q4: "Type your answer here!", q5: "Type your answer here!", q6: "Type your answer here!",
+            q7: "Type your answer here!"
+        }
+    );
+
+    function updateAnswer(event: React.ChangeEvent<HTMLTextAreaElement>){
+        const {name, value} = event.target
+        setResponse(prev => ({...prev, [name]: value}));
+    }
     
     return(
         
         <span>  
-                <div className = "Detailed-Question">
-                    <header> Detailed Quiz</header>
-                    <h3>Question 1</h3>
-                    <Form.Group controlId={"Question 1"}>
-                            {Q1ANSWER.map((ananswer) => (
-                                <Form.Check
-                                inline
-                                type={"radio"}
-                                name={"response1"}
-                                key={ananswer}
-                                value={ananswer}
-                                label={ananswer}
-                                onChange={(e) => {
-                                    setAnswer1(e.target.value);
-                                }}
-                                checked={answer1 === ananswer}
-                            />
-                        ))}
-                    </Form.Group>
-                    <h3>Question 2</h3>
-                    <Form.Group controlId={"Question 2"}>
-                            {Q2ANSWER.map((ananswer2) => (
-                                <Form.Check
-                                inline
-                                type={"radio"}
-                                name={"response2"}
-                                key={ananswer2}
-                                value={ananswer2}
-                                label={ananswer2}
-                                onChange={(e) => {
-                                    setAnswer2(e.target.value);
-                                }}
-                                checked={answer2 === ananswer2}
-                            />
-                        ))}
-                    </Form.Group>
-                    <h3>Question 3</h3>
-                    <Form.Group controlId={"Question 3"}>
-                            {Q3ANSWER.map((ananswer3) => (
-                                <Form.Check
-                                inline
-                                type={"radio"}
-                                name={"response3"}
-                                key={ananswer3}
-                                value={ananswer3}
-                                label={ananswer3}
-                                onChange={(e) => {
-                                    setAnswer3(e.target.value);
-                                }}
-                                checked={answer3 === ananswer3}
-                            />
-                        ))}
+            <div className = "Detailed-Question">
+                <header> Detailed Quiz</header>
+                <Form.Group controlId="formQuestion1">
+                <Form.Label>Question 1:</Form.Label>
+                <Form.Control
+                    as="textarea"
+                    rows={3}
+                    value={response.q1}
+                    onChange={updateAnswer} />
                 </Form.Group>
-                </div>
+            </div>
+            <div>
+                {response.q1.length}
+            </div>
         </span>
     )
 }
\ No newline at end of file

From 5123ff224b369aa5585250c8bb2a7545cb8db91d Mon Sep 17 00:00:00 2001
From: Axel Rodriguez-Leon <axelarl@udel.edu>
Date: Tue, 15 Apr 2025 15:40:50 -0400
Subject: [PATCH 10/25] Changed detailed questions from multiple choice to
 multiline text boxes

---
 src/App.css                     | 10 +++++++++
 src/Pages/DetailedQuestions.tsx | 39 +++++++++++++++++++++++++++++----
 2 files changed, 45 insertions(+), 4 deletions(-)

diff --git a/src/App.css b/src/App.css
index 3308b4b..167110a 100644
--- a/src/App.css
+++ b/src/App.css
@@ -135,6 +135,16 @@
   text-wrap:balance;
   padding:25px;
   border-style: solid;
+  width: 75%;
+}
+
+.Detailed-Questions header {
+  font-size: 1.8rem;
+  font-weight: bold;
+}
+
+.Detailed-Questions small {
+  font-size: 50%;
 }
 
 @keyframes App-logo-spin {
diff --git a/src/Pages/DetailedQuestions.tsx b/src/Pages/DetailedQuestions.tsx
index 896bb19..96c33d9 100644
--- a/src/Pages/DetailedQuestions.tsx
+++ b/src/Pages/DetailedQuestions.tsx
@@ -18,21 +18,52 @@ export function DetailedQuestions(): React.JSX.Element{
     
     return(
         
-        <span>  
+        <span> 
+            <header> Detailed Quiz</header> 
             <div className = "Detailed-Question">
-                <header> Detailed Quiz</header>
                 <Form.Group controlId="formQuestion1">
                 <Form.Label>Question 1:</Form.Label>
                 <Form.Control
                     as="textarea"
                     rows={3}
+                    name="q1"
                     value={response.q1}
                     onChange={updateAnswer} />
                 </Form.Group>
             </div>
-            <div>
-                {response.q1.length}
+            <small>
+                {response.q1.length} Characters
+            </small>
+
+            <div className = "Detailed-Question">
+                <Form.Group controlId="formQuestion2">
+                <Form.Label>Question 2:</Form.Label>
+                <Form.Control
+                    as="textarea"
+                    rows={3}
+                    name="q2"
+                    value={response.q2}
+                    onChange={updateAnswer} />
+                </Form.Group>
+            </div>
+            <small>
+                {response.q2.length} Characters
+            </small>
+
+            <div className = "Detailed-Question">
+                <Form.Group controlId="formQuestion3">
+                <Form.Label>Question 3:</Form.Label>
+                <Form.Control
+                    as="textarea"
+                    rows={3}
+                    name="q3"
+                    value={response.q3}
+                    onChange={updateAnswer} />
+                </Form.Group>
             </div>
+            <small>
+                {response.q3.length} Characters
+            </small>
         </span>
     )
 }
\ No newline at end of file

From 31693a9f0a48203fe1d294d26cd65a715c82821c Mon Sep 17 00:00:00 2001
From: Shaina <shainaz@udel.edu>
Date: Tue, 15 Apr 2025 17:37:19 -0400
Subject: [PATCH 11/25] added update progress to new questions

---
 src/Pages/BasicQuestions.tsx | 2 ++
 1 file changed, 2 insertions(+)

diff --git a/src/Pages/BasicQuestions.tsx b/src/Pages/BasicQuestions.tsx
index 914472a..d7f0cf9 100644
--- a/src/Pages/BasicQuestions.tsx
+++ b/src/Pages/BasicQuestions.tsx
@@ -113,6 +113,7 @@ export function BasicQuestions(): React.JSX.Element{
                                 label={ananswer4}
                                 onChange={(e) => {
                                     setAnswer4(e.target.value);
+                                    UpdateProgress();
                                 }}
                                 checked={answer4 === ananswer4}
                             />
@@ -130,6 +131,7 @@ export function BasicQuestions(): React.JSX.Element{
                                 label={ananswer5}
                                 onChange={(e) => {
                                     setAnswer5(e.target.value);
+                                    UpdateProgress();
                                 }}
                                 checked={answer5 === ananswer5}
                             />

From d13471003f67822ad62c0de582111676aad19ee4 Mon Sep 17 00:00:00 2001
From: Shaina <shainaz@udel.edu>
Date: Tue, 15 Apr 2025 17:43:27 -0400
Subject: [PATCH 12/25] fixed checked button error

---
 src/Pages/BasicQuestions.css | 2 +-
 src/Pages/BasicQuestions.tsx | 4 ++--
 2 files changed, 3 insertions(+), 3 deletions(-)

diff --git a/src/Pages/BasicQuestions.css b/src/Pages/BasicQuestions.css
index f9b4fab..97bd9c3 100644
--- a/src/Pages/BasicQuestions.css
+++ b/src/Pages/BasicQuestions.css
@@ -1,3 +1,3 @@
 .Ready{
-    color: black;
+    color: white;
 }
\ No newline at end of file
diff --git a/src/Pages/BasicQuestions.tsx b/src/Pages/BasicQuestions.tsx
index d7f0cf9..c91d0e3 100644
--- a/src/Pages/BasicQuestions.tsx
+++ b/src/Pages/BasicQuestions.tsx
@@ -115,7 +115,7 @@ export function BasicQuestions(): React.JSX.Element{
                                     setAnswer4(e.target.value);
                                     UpdateProgress();
                                 }}
-                                checked={answer4 === ananswer4}
+                                //checked={answer4 === ananswer4}
                             />
                         ))}
                 </Form.Group>
@@ -133,7 +133,7 @@ export function BasicQuestions(): React.JSX.Element{
                                     setAnswer5(e.target.value);
                                     UpdateProgress();
                                 }}
-                                checked={answer5 === ananswer5}
+                                //checked={answer5 === ananswer5}
                             />
                         ))}
                 </Form.Group>

From cae12acabd0c2f07aca9e2ada4171003e0e5368b Mon Sep 17 00:00:00 2001
From: Shaina <shainaz@udel.edu>
Date: Tue, 15 Apr 2025 17:49:48 -0400
Subject: [PATCH 13/25] fixed progress bar error

---
 src/Pages/BasicQuestions.tsx    | 2 +-
 src/Pages/DetailedQuestions.tsx | 5 ++++-
 2 files changed, 5 insertions(+), 2 deletions(-)

diff --git a/src/Pages/BasicQuestions.tsx b/src/Pages/BasicQuestions.tsx
index c91d0e3..9e6eedd 100644
--- a/src/Pages/BasicQuestions.tsx
+++ b/src/Pages/BasicQuestions.tsx
@@ -138,7 +138,7 @@ export function BasicQuestions(): React.JSX.Element{
                         ))}
                 </Form.Group>
                 <progress value={progress} max={7} ></progress>
-                <div className='Ready' hidden={progress!==7}>Ready to Submit?</div>
+                <div className='Ready' hidden={progress<=7}>Ready to Submit?</div>
                 </div>
             </div>    
         </span>
diff --git a/src/Pages/DetailedQuestions.tsx b/src/Pages/DetailedQuestions.tsx
index 1dad898..71706fc 100644
--- a/src/Pages/DetailedQuestions.tsx
+++ b/src/Pages/DetailedQuestions.tsx
@@ -11,10 +11,11 @@ export function DetailedQuestions(): React.JSX.Element{
             q7: "Type your answer here!"
         }
     );
-
+    const [progress,setProgress]=useState<number>(0)
     function updateAnswer(event: React.ChangeEvent<HTMLTextAreaElement>){
         const {name, value} = event.target
         setResponse(prev => ({...prev, [name]: value}));
+        setProgress(progress+1);
     }
     
     return(
@@ -92,6 +93,8 @@ export function DetailedQuestions(): React.JSX.Element{
                     onChange={updateAnswer} />
                 </Form.Group>
             </div>
+            <progress value={progress} max={7} ></progress>
+                <div className='Ready' hidden={progress<=7}>Ready to Submit?</div>
             <small>
                 {response.q5.length} Characters
             </small>

From c8d3e97cab8eee2f01b2b931690966d3b5310d17 Mon Sep 17 00:00:00 2001
From: Shaina <shainaz@udel.edu>
Date: Tue, 15 Apr 2025 18:08:03 -0400
Subject: [PATCH 14/25] fixed some css

---
 src/App.tsx | 3 +--
 1 file changed, 1 insertion(+), 2 deletions(-)

diff --git a/src/App.tsx b/src/App.tsx
index 92c808a..ebef9fc 100644
--- a/src/App.tsx
+++ b/src/App.tsx
@@ -70,7 +70,6 @@ function App() {
         <div className="Detailed-Questions" hidden={notDetailed}>
         <DetailedQuestions />
       </div>
-        </header>
         <p className ="basic" style= {{zIndex: 5}} hidden = {isHome}>Not sure where to start? Answer a few small questions to get some starting points on a career path.
         <Button style={{backgroundColor: 'darkblue'}}//Flips the visibility of the Basic and Home pages
               onClick={() => {
@@ -95,7 +94,7 @@ function App() {
               Detailed Quiz
             </Button> </p>
           
-            
+            </header>
         <a
           className="App-link"
           href="https://reactjs.org"

From ef8f5229a84a5106c726a983c5b3481ccebc2afc Mon Sep 17 00:00:00 2001
From: Shaina <shainaz@udel.edu>
Date: Tue, 15 Apr 2025 18:18:09 -0400
Subject: [PATCH 15/25] removed uneccessary css file

---
 src/Pages/BasicQuestions.css    | 3 ---
 src/Pages/DetailedQuestions.tsx | 2 +-
 src/Pages/Pages.css             | 4 +++-
 3 files changed, 4 insertions(+), 5 deletions(-)
 delete mode 100644 src/Pages/BasicQuestions.css

diff --git a/src/Pages/BasicQuestions.css b/src/Pages/BasicQuestions.css
deleted file mode 100644
index 97bd9c3..0000000
--- a/src/Pages/BasicQuestions.css
+++ /dev/null
@@ -1,3 +0,0 @@
-.Ready{
-    color: white;
-}
\ No newline at end of file
diff --git a/src/Pages/DetailedQuestions.tsx b/src/Pages/DetailedQuestions.tsx
index 71706fc..54e6336 100644
--- a/src/Pages/DetailedQuestions.tsx
+++ b/src/Pages/DetailedQuestions.tsx
@@ -94,7 +94,7 @@ export function DetailedQuestions(): React.JSX.Element{
                 </Form.Group>
             </div>
             <progress value={progress} max={7} ></progress>
-                <div className='Ready' hidden={progress<=7}>Ready to Submit?</div>
+                <div hidden={progress<=7}>Ready to Submit?</div>
             <small>
                 {response.q5.length} Characters
             </small>
diff --git a/src/Pages/Pages.css b/src/Pages/Pages.css
index 0ad69c0..750079f 100644
--- a/src/Pages/Pages.css
+++ b/src/Pages/Pages.css
@@ -5,7 +5,9 @@
     padding: 15px;
     top: 67%;
 }
-
+.Ready{
+    color: white;
+}
 .Detailed-Question{
     text-align: center;
 }

From dc44d4910f57429e6b7222c16fc00fde78caa97b Mon Sep 17 00:00:00 2001
From: Shaina <shainaz@udel.edu>
Date: Tue, 15 Apr 2025 18:21:55 -0400
Subject: [PATCH 16/25] fixed function error

---
 src/Pages/BasicQuestions.tsx | 3 ---
 1 file changed, 3 deletions(-)

diff --git a/src/Pages/BasicQuestions.tsx b/src/Pages/BasicQuestions.tsx
index 9e6eedd..b82489e 100644
--- a/src/Pages/BasicQuestions.tsx
+++ b/src/Pages/BasicQuestions.tsx
@@ -145,6 +145,3 @@ export function BasicQuestions(): React.JSX.Element{
     )
 }
 
-function UpdateProgress() {
-    throw new Error('Function not implemented.');
-}

From bd66b1976b5de266f36ee775a543508c8692b4c6 Mon Sep 17 00:00:00 2001
From: Shaina <shainaz@udel.edu>
Date: Tue, 15 Apr 2025 18:23:59 -0400
Subject: [PATCH 17/25] fixed color of basic question title

---
 src/Pages/BasicQuestions.tsx | 2 +-
 src/Pages/Pages.css          | 3 +++
 2 files changed, 4 insertions(+), 1 deletion(-)

diff --git a/src/Pages/BasicQuestions.tsx b/src/Pages/BasicQuestions.tsx
index b82489e..611f0ee 100644
--- a/src/Pages/BasicQuestions.tsx
+++ b/src/Pages/BasicQuestions.tsx
@@ -45,7 +45,7 @@ export function BasicQuestions(): React.JSX.Element{
         <span>  
             <div className="page-wrapper">
                 <div className = "Basic-Questions">
-                    <header style={{fontSize:40}}> Basic Quiz</header>
+                    <header className="Basic-Title" style={{fontSize:40}}> Basic Quiz</header>
                     <h3 style={{color: 'white'}}>1. I would like to develop new medicine</h3>
                     <Form.Group controlId={"Question 1"}>
                             {QTYPEAANSWER.map((ananswer) => (
diff --git a/src/Pages/Pages.css b/src/Pages/Pages.css
index 750079f..a0f90b5 100644
--- a/src/Pages/Pages.css
+++ b/src/Pages/Pages.css
@@ -5,6 +5,9 @@
     padding: 15px;
     top: 67%;
 }
+.Basic-Title{
+    color:white
+}
 .Ready{
     color: white;
 }

From def48cd9282d1cea154cf3a42cef98d29b8940a2 Mon Sep 17 00:00:00 2001
From: Shaina <shainaz@udel.edu>
Date: Tue, 15 Apr 2025 18:43:50 -0400
Subject: [PATCH 18/25] potentially fixing action/cache error?

---
 package.json | 3 ++-
 1 file changed, 2 insertions(+), 1 deletion(-)

diff --git a/package.json b/package.json
index d2189d1..d21c919 100644
--- a/package.json
+++ b/package.json
@@ -18,7 +18,8 @@
     "react-dom": "^18.2.0",
     "react-scripts": "5.0.1",
     "typescript": "^4.9.5",
-    "web-vitals": "^2.1.4"
+    "web-vitals": "^2.1.4",
+    "@actions/cache": "^4.0.0"
   },
   "scripts": {
     "start": "react-scripts start",

From 15b11f6bfca1008615db76bb377ffd1313dc227f Mon Sep 17 00:00:00 2001
From: Shaina <shainaz@udel.edu>
Date: Tue, 15 Apr 2025 18:45:23 -0400
Subject: [PATCH 19/25] reverting fix

---
 package.json | 3 +--
 1 file changed, 1 insertion(+), 2 deletions(-)

diff --git a/package.json b/package.json
index d21c919..d2189d1 100644
--- a/package.json
+++ b/package.json
@@ -18,8 +18,7 @@
     "react-dom": "^18.2.0",
     "react-scripts": "5.0.1",
     "typescript": "^4.9.5",
-    "web-vitals": "^2.1.4",
-    "@actions/cache": "^4.0.0"
+    "web-vitals": "^2.1.4"
   },
   "scripts": {
     "start": "react-scripts start",

From bd91d4f17d48539949174ed634eaaa4d4c91a0fa Mon Sep 17 00:00:00 2001
From: Shaina <shainaz@udel.edu>
Date: Tue, 15 Apr 2025 18:59:57 -0400
Subject: [PATCH 20/25] potientally fixing deployment error?

---
 .github/workflows/main.yml | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/.github/workflows/main.yml b/.github/workflows/main.yml
index 78b5428..6536a58 100644
--- a/.github/workflows/main.yml
+++ b/.github/workflows/main.yml
@@ -19,7 +19,7 @@ jobs:
         steps:
             - uses: actions/checkout@v2
             - name: Use Node.js ${{ matrix.node-version }}
-              uses: actions/setup-node@v2
+              uses: actions/setup-node@v4
               with:
                   node-version: ${{ matrix.node-version }}
                   cache: "npm"

From ce35ff810c845d8715d0ec3956fef4327a9a210a Mon Sep 17 00:00:00 2001
From: Shaina <shainaz@udel.edu>
Date: Tue, 15 Apr 2025 19:04:59 -0400
Subject: [PATCH 21/25] fixing linting errors

---
 src/Pages/BasicQuestions.tsx | 29 +++++------------------------
 1 file changed, 5 insertions(+), 24 deletions(-)

diff --git a/src/Pages/BasicQuestions.tsx b/src/Pages/BasicQuestions.tsx
index 611f0ee..0918a1e 100644
--- a/src/Pages/BasicQuestions.tsx
+++ b/src/Pages/BasicQuestions.tsx
@@ -10,26 +10,7 @@ const QTYPEAANSWER = [
     "Strongly agree"
 ]
 
-const Q5ANSWER = [
-    "Choice A",
-    "Choice B",
-    "Choice C",
-    "Choice D"
-]
-
-const Q6ANSWER = [
-    "Choice A",
-    "Choice B",
-    "Choice C",
-    "Choice D"
-]
 
-const Q7ANSWER = [
-    "Choice A",
-    "Choice B",
-    "Choice C",
-    "Choice D"
-]
 export function BasicQuestions(): React.JSX.Element{
         const [answer1, setAnswer1] = useState<string>(QTYPEAANSWER[0]);
         const [answer2, setAnswer2] = useState<string>(QTYPEAANSWER[0]);
@@ -60,7 +41,7 @@ export function BasicQuestions(): React.JSX.Element{
                                     setAnswer1(e.target.value);
                                     UpdateProgress();
                                 }}
-                                //checked={answer1 === ananswer}
+                               //checked={answer1 !== ananswer}
                             />
                         ))}
                     </Form.Group>
@@ -78,7 +59,7 @@ export function BasicQuestions(): React.JSX.Element{
                                     setAnswer2(e.target.value);
                                     UpdateProgress();
                                 }}
-                                //checked={answer2 === ananswer2}
+                                //checked={answer2 !== ananswer2}
                             />
                         ))}
                     </Form.Group>
@@ -97,7 +78,7 @@ export function BasicQuestions(): React.JSX.Element{
                                      );
                                      UpdateProgress();
                                 }}
-                                //checked={answer3 === ananswer3}
+                                //checked={answer3 !== ananswer3}
                             />
                         ))}
                 </Form.Group>
@@ -115,7 +96,7 @@ export function BasicQuestions(): React.JSX.Element{
                                     setAnswer4(e.target.value);
                                     UpdateProgress();
                                 }}
-                                //checked={answer4 === ananswer4}
+                                //checked={answer4 !== ananswer4}
                             />
                         ))}
                 </Form.Group>
@@ -133,7 +114,7 @@ export function BasicQuestions(): React.JSX.Element{
                                     setAnswer5(e.target.value);
                                     UpdateProgress();
                                 }}
-                                //checked={answer5 === ananswer5}
+                                //checked={answer5 !== ananswer5}
                             />
                         ))}
                 </Form.Group>

From 2d82d8c39cd06948d18b6b7737f042f659079e7f Mon Sep 17 00:00:00 2001
From: Shaina <shainaz@udel.edu>
Date: Tue, 15 Apr 2025 19:09:42 -0400
Subject: [PATCH 22/25] fixing linting errors

---
 src/Pages/BasicQuestions.tsx | 10 +++++-----
 1 file changed, 5 insertions(+), 5 deletions(-)

diff --git a/src/Pages/BasicQuestions.tsx b/src/Pages/BasicQuestions.tsx
index 0918a1e..f19a098 100644
--- a/src/Pages/BasicQuestions.tsx
+++ b/src/Pages/BasicQuestions.tsx
@@ -35,7 +35,7 @@ export function BasicQuestions(): React.JSX.Element{
                                 type={"radio"}
                                 name={"response1"}
                                 key={ananswer}
-                                value={ananswer}
+                                value={answer1}
                                 label={ananswer}
                                 onChange={(e) => {
                                     setAnswer1(e.target.value);
@@ -53,7 +53,7 @@ export function BasicQuestions(): React.JSX.Element{
                                 type={"radio"}
                                 name={"response2"}
                                 key={ananswer2}
-                                value={ananswer2}
+                                value={answer2}
                                 label={ananswer2}
                                 onChange={(e) => {
                                     setAnswer2(e.target.value);
@@ -71,7 +71,7 @@ export function BasicQuestions(): React.JSX.Element{
                                 type={"radio"}
                                 name={"response3"}
                                 key={ananswer3}
-                                value={ananswer3}
+                                value={answer3}
                                 label={ananswer3}
                                 onChange={(e) => {
                                     setAnswer3(e.target.value
@@ -90,7 +90,7 @@ export function BasicQuestions(): React.JSX.Element{
                                 type={"radio"}
                                 name={"response4"}
                                 key={ananswer4}
-                                value={ananswer4}
+                                value={answer4}
                                 label={ananswer4}
                                 onChange={(e) => {
                                     setAnswer4(e.target.value);
@@ -108,7 +108,7 @@ export function BasicQuestions(): React.JSX.Element{
                                 type={"radio"}
                                 name={"response5"}
                                 key={ananswer5}
-                                value={ananswer5}
+                                value={answer5}
                                 label={ananswer5}
                                 onChange={(e) => {
                                     setAnswer5(e.target.value);

From c51c67b33b11aad8d1f989ecbe8661b74a37202d Mon Sep 17 00:00:00 2001
From: Shaina <shainaz@udel.edu>
Date: Tue, 15 Apr 2025 19:12:53 -0400
Subject: [PATCH 23/25] fixing warnings

---
 src/Pages/Pages.css | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/src/Pages/Pages.css b/src/Pages/Pages.css
index a0f90b5..ebce20f 100644
--- a/src/Pages/Pages.css
+++ b/src/Pages/Pages.css
@@ -23,7 +23,7 @@
     display: flex;
     flex-direction: column;
     align-items: center;
-    justify-content: start;
+    justify-content: flex-start;
     min-height: 10vh;
     top: 40%;
 }

From 9f9db19176c0ad35168c7ce96eea1b92dcecb106 Mon Sep 17 00:00:00 2001
From: Shaina <shainaz@udel.edu>
Date: Tue, 15 Apr 2025 19:39:49 -0400
Subject: [PATCH 24/25] fixing deployment issues

---
 src/Pages/BasicQuestions.tsx | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/src/Pages/BasicQuestions.tsx b/src/Pages/BasicQuestions.tsx
index f19a098..657030f 100644
--- a/src/Pages/BasicQuestions.tsx
+++ b/src/Pages/BasicQuestions.tsx
@@ -78,7 +78,7 @@ export function BasicQuestions(): React.JSX.Element{
                                      );
                                      UpdateProgress();
                                 }}
-                                //checked={answer3 !== ananswer3}
+                                ///checked={answer3 !== ananswer3}
                             />
                         ))}
                 </Form.Group>

From caa27214ecec0e74aca3d662266b11e369fa9cff Mon Sep 17 00:00:00 2001
From: Shaina <shainaz@udel.edu>
Date: Tue, 15 Apr 2025 20:02:41 -0400
Subject: [PATCH 25/25] fixing deployment issues

---
 src/Pages/BasicQuestions.tsx | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/src/Pages/BasicQuestions.tsx b/src/Pages/BasicQuestions.tsx
index 657030f..f19a098 100644
--- a/src/Pages/BasicQuestions.tsx
+++ b/src/Pages/BasicQuestions.tsx
@@ -78,7 +78,7 @@ export function BasicQuestions(): React.JSX.Element{
                                      );
                                      UpdateProgress();
                                 }}
-                                ///checked={answer3 !== ananswer3}
+                                //checked={answer3 !== ananswer3}
                             />
                         ))}
                 </Form.Group>