-
- 
-
-
-
- );
-}
+
+ {/* This route is for about component
+ with exact path "/about", in component
+ props we passes the imported component*/}
+
- Edit src/App.tsx and save to reload.
-
+
+ );
+}
+
+export default About;
+
+/*
+
+
+
+
+
+ 
+
+ -
+
+
+
+
+
+
+
+
+ {/* */}
+ {/*Created By: Olivia Karney, Khadija Mohammadi, Zahra Temori, and Jacob Whitman*/}
+
+
+
+
+
+ +
+
+ 
+
+
+ +
+
+
+ +
+
+
+ +
+
+
+ +
+
+ 
+
+
+
+
+
+
+
+
+
+ {/**/}
+ {/*
+ + + + + + + +
*/} + {/*
*/}
+
+
+ {/*
*/}
+
+ About Us
++ +
+
+
+ +
Olivia Karney
+ okarney@udel.edu ++
+
+ +
+
+ +
Khadija Mohammadi
+ khadija@udel.edu ++
+
+
+
+
+ +
+ +
Zahra Temori
+ zahratm@udel.edu ++
+
+
+
+
+
+ Jacob Whitman
+ jacobwhi@udel.edu ++
+
+
+
+
+
+ Zahra Temori
+ Email: zahratm@udel.edu ++ + + + + + + +
*/} + {/*
*/}
+
+
+
+ {/*
*/}
+ {/**/}
+
+
+
+
+
+ + +
+ {/*+
+
+
+
+ + +
+ {/*
+
+
+ */}
+
+ Discover your potential career path through our refined multiple-choice assessment.
+ +Discover your potential career path through our comprehensive detailed questions.
+ +
+//
+
+
+// )
+// }
+
+
+
+//validation checks
+ /*return(
+
+//
+//
+//
+//
+
+// -
+//
+//
+//
+//
+
+
+
+
+
+ )
+}*/
+
+
+ return (
+
+
+
+ The Career Helpi
+
+
+
+
+ );
+}
+export default BasicQuestions;
\ No newline at end of file
diff --git a/src/Components/DetailedQuestions.tsx b/src/Components/DetailedQuestions.tsx
new file mode 100644
index 000000000..ea4cef209
--- /dev/null
+++ b/src/Components/DetailedQuestions.tsx
@@ -0,0 +1,465 @@
+import React, { useState } from 'react';
+//import {OpenAI} from "openai"
+import '../App.css';
+import { Button, Col, Container, Form, Row } from 'react-bootstrap';
+//import { Link } from 'react-router-dom';
+import { BasicExample } from '../progressBar';
+import { useNavigate } from 'react-router-dom';
+import "./gptResponse.json"
+import GIF from './gif.gif';
+import olivia from './logo-removebg-preview.png';
+import sunrise from './PurpleBG.png'
+
+
+
+//local storage and API Key: key should be entered in by the user and will be stored in local storage (NOT session storage)
+let keyData = "";
+const saveKeyData = "MYKEY";
+
+const prevKey = localStorage.getItem(saveKeyData); //so it'll look like: MYKEY:
+
+
+
+
+
+ -
+
+
+
+
+
+
+
+
+
+
+
+
+ + +
+
+
+
+ + +
+
+
+
+ + +
+
+ + +
+
+
+
+
+
+ +
+
+
+
+ +
+
+
+
+
+
+
+
+
+
+
+ + + +
+
+ + + +
+
+Basic Questions
+ + {/*Basic Questions
*/} ++
+
+ 1. Which work environment aligns best with your interests?
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ + + +
+ 2. Which personality traits do you resonate with the most?
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ + + +
+ 3. Which of the following is true about you?
+
+
+
+
+
+
+
+
+
+
+
+
+
+ + + +
+ 4. Which career-related activities do you find most fulfilling?
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ + + +
+ 5. Which challenges are you eager to take on?
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ + +
+ 6. What would you do on a weekend?
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ + +
+ 7. Which academic area do you prefer?
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ +
+
+
+
+{/**/}
+
+{/*finished ? Your responses have been seccussfully submitted!: */}
+
++
+
+ + + +
+
+
+
+
+ + + {finished && key !== "" ? +
+ + {/*
: }
+ {/**/}
+
+
+ {finished && career1 === "" && career2 === "" && career3 === "" ? :
+
+
{/**/}
+
+
+ + + + {finished && key !== "" ? +
+
+ +
+ +
+
+
+ : }
+
+
+ + +
+ +
Your Careers
++ + {/*
GPT Response
+ {finished ?
+
+
+
+ +
+
+ +
}
+ {career1Title}
+ + {career1} + ++
+ +
{career2Title}
+ + + {career2} + ++
+ +
{career3Title}
+ + + {career3} ++
+ + + +
+
+
+
+
+
+ + + + + +
+
+
+ + + + + + +
+//
+
+// )
+// }
+
+ return (
+
+//
+//
+//
+//
+// -
+//
+//
+//
+//
+
+ );
+}
+
+export default DetailedQuestions;
\ No newline at end of file
diff --git a/src/Components/Home.tsx b/src/Components/Home.tsx
new file mode 100644
index 000000000..e04c81b91
--- /dev/null
+++ b/src/Components/Home.tsx
@@ -0,0 +1,188 @@
+//import React, { useState } from 'react';
+import '../App.css';
+import { Button, Col, Container, Row } from 'react-bootstrap';
+import '../App';
+//import { Link } from "react-router-dom";
+import { useNavigate } from 'react-router-dom';
+import olivia from './logo-removebg-preview.png'
+import office from './office.gif';
+//import {office} from './careervideo.mp4'
+//local storage and API Key: key should be entered in by the user and will be stored in local storage (NOT session storage)
+// let keyData = "";
+// const saveKeyData = "MYKEY";
+// const prevKey = localStorage.getItem(saveKeyData); //so it'll look like: MYKEY:
+
+
+
+
+
+ -
+
+
+
+
+
+
+
+
+
+ +
+ + +
+ {finished && key !== "" ? +
+ + +
+ + +
+ Detailed Questions
+
+
+ 1. Describe your hobbies and interests:
+
+
+
+ 2. Describe your soft skills (teamwork, problem solving, leadership, communication, etc):
+
+
+
+ 3. What subject areas intrigue you the most?
+
+
+
+ 4. Where do you envision your career path evolving towards?
+
+
+
+ 5. What technical skills do you possess or are interested in developing?
+
+
+
+ 6. What is your dream place to live?
+
+
+
+ 7. Describe your personal values:
+
+
+
+
+
+
+
+
+ + +
+ + +
+ {finished && key !== "" ? +
+
+ +
+ +
+
+
+ : }
+
+ + +
+ +
Your Careers
++ + +
+
+ {finished && career1 === "" && career2 === "" && career3 === "" ? ![GIF]()
: career1 === "resubmit" && career2 === "resubmit" && career3 === "resubmit" ? Your responses have not adequately answered the questions. Please provide more information and resubmit! :
+
+
+
+
+
+
+ +
+
+ +
+ }
+
+
+ {career1Title}
+ + {career1} + ++
+ +
{career2Title}
+ + + {career2} + ++
+ +
{career3Title}
+ + + {career3} ++ + +
+
+
+
+ + + + + +
+
+
+
+
+ + + + + + +
+//
+//
+//
+//
+// );
+// }
+
+// function DetailedQuestions() {
+
+
+// return (
+//
+//
+//
+//
+//
+
+// );
+// }
+
+// function OurHeader(){
+// const navigate = useNavigate();
+// const goToAbout = () => {
+
+// // This will navigate to second component
+// navigate('/About');
+// };
+// const goToSurvey = () => {
+
+// // This will navigate to second component
+// navigate('/Survey');
+// };
+// const goToHome = () => {
+
+// // This will navigate to second component
+// navigate('/Home');
+// };
+
+
+// /*function OurHeader(){*/
+// return(
+//
+//
+
+// )
+// }
+
+function Home() {
+ const navigate = useNavigate();
+
+ const goToBasic = () => {
+
+ // This will navigate to second component
+ navigate('/BasicQuestions');
+ };
+ const goToDetailed = () => {
+
+ // This will navigate to first component
+ navigate('/DetailedQuestions');
+ };
+
+ // the following lines were moved from the "Our Header Function"
+
+ const goToAbout = () => {
+
+ // This will navigate to second component
+ navigate('/About');
+ };
+ const goToSurvey = () => {
+
+ // This will navigate to second component
+ navigate('/Survey');
+ };
+ const goToHome = () => {
+
+ // This will navigate to second component
+ navigate('/Home');
+ };
+
+
+
+
+ // }
+ return (
+
+//
+//
+//
+//
+
+// -
+//
+//
+//
+//
+
+ );
+}
+
+export default Home;
+
+/*
+
+
+ {/*
+
+
+
+ -
+
+
+
+
+
+
+
+ + + +
+ {/* */}
+ {/*Created By: Olivia Karney, Khadija Mohammadi, Zahra Temori, and Jacob Whitman*/}
+
+
+
+
+
+ {/**/}
+ 
+
+
+
+
+ CareerExplorer
+Explore your future career with us!
+
+
+
+
+
+
+ Discover your potential career path through our refined multiple-choice assessment.
+ +Discover your potential career path through our comprehensive detailed questions.
+ ++
+ + + +
+
+);
+}
+export default Survey;
+
+/*
+
+
+
+
+
+
+ -
+
+
+
+
+
+
+
+
+
+
+
+ +
+
+
+
+
+ {/**/}
+
+
+
+
+
+
+
+
+
+
+
+
+ 5. Do you have any suggestions for improving the quiz experience?
+
+
+ + +
+ {/**/} + {finished ?
+
+ Survey
++
+ 1. You feel that your results were accurate!
+
+
+
+
+
+ 2. The site was easily readable and user friendly!
+
+
+
+
+
+ 3. You would recommend the quizzes to your friends!
+
+
+
+
+
+ 4. The quiz kept you engaged throughout!
+
+
+
+
+ + + +
+ {/**/} + {finished ?
Thank You for Taking the Survey!
: null} + + + +
+ {/* person
+ person */}
+
+
+ {/*
+
+
+ */}
+
+ Discover your potential career path through our refined multiple-choice assessment.
+ +Discover your potential career path through our comprehensive detailed questions.
+ ++ +
+
+
+
+
+
+ );
+}
+
+// function KhadijaLinkedIn():JSX.Element {
+// return (
+//
+//
+
+//
+//
+//
+// );
+// }
+
+// function ZahraLinkedIn():JSX.Element {
+// return (
+//
+//
+
+//
+//
+//
+// );
+// }
+
+// function JacobLinkedIn():JSX.Element {
+// return (
+//
+//
+
+//
+//
+//
+// );
+// }
+
+export {OliviaLinkedIn};//, KhadijaLinkedIn, ZahraLinkedIn, JacobLinkedIn};
diff --git a/src/Components/logo-removebg-preview.png b/src/Components/logo-removebg-preview.png
new file mode 100644
index 000000000..8dd81caef
Binary files /dev/null and b/src/Components/logo-removebg-preview.png differ
diff --git a/src/Components/logo.png b/src/Components/logo.png
new file mode 100644
index 000000000..f454b12e9
Binary files /dev/null and b/src/Components/logo.png differ
diff --git a/src/Components/office(2).gif b/src/Components/office(2).gif
new file mode 100644
index 000000000..7e7e8ee3a
Binary files /dev/null and b/src/Components/office(2).gif differ
diff --git a/src/Components/office.gif b/src/Components/office.gif
new file mode 100644
index 000000000..7e7e8ee3a
Binary files /dev/null and b/src/Components/office.gif differ
diff --git a/src/Components/pLinkedIn.png b/src/Components/pLinkedIn.png
new file mode 100644
index 000000000..667f29800
Binary files /dev/null and b/src/Components/pLinkedIn.png differ
diff --git a/src/Components/test.png b/src/Components/test.png
new file mode 100644
index 000000000..71f27c289
Binary files /dev/null and b/src/Components/test.png differ
diff --git a/src/Zahra1.jpg b/src/Zahra1.jpg
new file mode 100644
index 000000000..58b031345
Binary files /dev/null and b/src/Zahra1.jpg differ
diff --git a/src/gif.gif b/src/gif.gif
new file mode 100644
index 000000000..bc875074b
Binary files /dev/null and b/src/gif.gif differ
diff --git a/src/index.html b/src/index.html
new file mode 100644
index 000000000..462351189
--- /dev/null
+++ b/src/index.html
@@ -0,0 +1,49 @@
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ );
+}
+
+
+