From ba099d901ea6f610d55d3c9ded948947fd68b4c2 Mon Sep 17 00:00:00 2001
From: Jeffrey <mprdevops3@gmail.com>
Date: Tue, 16 Jul 2024 22:49:57 -0400
Subject: [PATCH] first commit

---
 public/VicLogo90.png                          | Bin 0 -> 10180 bytes
 src/assets/icons/VicLogo90.png                | Bin 0 -> 10180 bytes
 src/assets/icons/VicLogo90.svg                |  57 ++++
 .../QuestionScreen/Question/index.tsx         | 164 ++++++++---
 .../QuestionScreen/Question/indexCopy.txt     |  76 +++++
 src/components/QuestionScreen/index.tsx       |   9 +-
 src/components/QuizDetailsScreen/index.tsx    |   6 +-
 src/components/QuizTopicsScreen/index.tsx     |  15 +-
 src/config/icons.ts                           |   2 +-
 src/context/QuizContext.ts                    |   1 +
 src/context/QuizProvider.tsx                  |   2 +
 src/data/QuizQuestions/generalKnowledge.ts    |   1 +
 src/data/QuizQuestions/index.ts               |   3 +
 src/data/QuizQuestions/java8.ts               | 272 ++++++++++++++++++
 src/data/QuizQuestions/javascript.ts          |   1 +
 src/data/QuizQuestions/python.ts              |   1 +
 src/data/QuizQuestions/react.ts               |   1 +
 src/data/QuizQuestions/sql.ts                 | 272 ++++++++++++++++++
 src/data/quizTopics.tsx                       |  56 +---
 src/types/index.ts                            |   1 +
 20 files changed, 831 insertions(+), 109 deletions(-)
 create mode 100644 public/VicLogo90.png
 create mode 100644 src/assets/icons/VicLogo90.png
 create mode 100644 src/assets/icons/VicLogo90.svg
 create mode 100644 src/components/QuestionScreen/Question/indexCopy.txt
 create mode 100644 src/data/QuizQuestions/java8.ts
 create mode 100644 src/data/QuizQuestions/sql.ts

diff --git a/public/VicLogo90.png b/public/VicLogo90.png
new file mode 100644
index 0000000000000000000000000000000000000000..71fe88c70a3e786b08c5aae4bc233e3de27643f0
GIT binary patch
literal 10180
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

literal 0
HcmV?d00001

diff --git a/src/assets/icons/VicLogo90.png b/src/assets/icons/VicLogo90.png
new file mode 100644
index 0000000000000000000000000000000000000000..71fe88c70a3e786b08c5aae4bc233e3de27643f0
GIT binary patch
literal 10180
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

literal 0
HcmV?d00001

diff --git a/src/assets/icons/VicLogo90.svg b/src/assets/icons/VicLogo90.svg
new file mode 100644
index 0000000..1d71bb6
--- /dev/null
+++ b/src/assets/icons/VicLogo90.svg
@@ -0,0 +1,57 @@
+<?xml version="1.0" standalone="no"?>
+<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 20010904//EN"
+ "http://www.w3.org/TR/2001/REC-SVG-20010904/DTD/svg10.dtd">
+<svg version="1.0" xmlns="http://www.w3.org/2000/svg"
+ width="90.000000pt" height="90.000000pt" viewBox="0 0 90.000000 90.000000"
+ preserveAspectRatio="xMidYMid meet">
+
+<g transform="translate(0.000000,90.000000) scale(0.100000,-0.100000)"
+fill="#000000" stroke="none">
+<path d="M50 754 c0 -88 3 -104 41 -202 22 -59 49 -129 59 -157 l19 -50 11 30
+c40 102 170 460 170 467 0 4 -67 8 -150 8 l-150 0 0 -96z"/>
+<path d="M412 713 c-51 -137 -134 -367 -187 -515 l-27 -78 -37 0 -36 0 -37
+113 -36 112 -1 -147 -1 -148 400 0 400 0 0 400 0 400 -194 0 -193 0 -51 -137z
+m418 72 c0 -25 -4 -45 -10 -45 -5 0 -10 7 -10 15 0 11 -12 15 -45 15 -25 0
+-45 5 -45 10 0 6 20 10 44 10 35 0 45 4 49 20 9 34 17 22 17 -25z m-22 -71
+c31 -21 26 -63 -9 -83 -24 -13 -29 -13 -53 2 -33 22 -34 60 -4 81 28 20 38 20
+66 0z m20 -138 c5 -38 -9 -49 -63 -52 -46 -3 -62 9 -25 19 11 3 20 12 20 21 0
+9 -8 16 -20 16 -20 0 -26 11 -13 24 4 4 28 6 53 4 41 -3 45 -5 48 -32z m-10
+-89 c17 -13 15 -52 -4 -71 -21 -22 -57 -20 -78 3 -47 52 25 112 82 68z m-362
+-53 c-3 -9 -6 -22 -6 -30 0 -10 -12 -14 -40 -14 -45 0 -44 -1 -30 34 8 21 16
+26 46 26 29 0 35 -3 30 -16z m372 -62 c2 -6 -12 -19 -30 -29 l-33 -18 33 -3
+c53 -5 36 -22 -23 -22 -63 0 -70 12 -22 37 l32 18 -32 3 c-30 3 -40 11 -29 23
+9 9 100 1 104 -9z m-433 -124 l-43 -123 -41 -3 -41 -3 24 63 c12 35 33 91 46
+126 22 61 23 62 60 62 l38 0 -43 -122z m238 63 c23 -22 17 -51 -10 -51 -10 0
+-24 9 -31 20 -24 39 -73 16 -87 -42 -15 -61 21 -92 67 -58 27 20 68 27 68 12
+0 -14 -41 -53 -67 -63 -41 -15 -63 -10 -94 20 -33 34 -38 74 -13 126 29 62
+121 82 167 36z m197 -76 c0 -25 -4 -45 -10 -45 -5 0 -10 6 -10 14 0 10 -13 16
+-42 18 -59 4 -63 28 -4 28 34 0 46 4 46 15 0 8 5 15 10 15 6 0 10 -20 10 -45z
+m-19 -65 c22 -12 26 -59 7 -78 -16 -16 -70 -16 -86 0 -7 7 -12 24 -12 40 0 41
+47 61 91 38z m-725 -97 c-4 -4 -11 -1 -16 7 -16 25 -11 35 7 17 9 -9 13 -20 9
+-24z m54 26 c-13 -8 -13 -10 0 -19 12 -9 10 -10 -10 -8 -23 3 -39 15 -40 29 0
+3 14 6 32 7 24 1 28 -2 18 -9z m40 -9 c0 -11 -2 -20 -4 -20 -2 0 -6 9 -9 20
+-3 11 -1 20 4 20 5 0 9 -9 9 -20z m96 11 c7 -1 15 -8 18 -17 5 -13 0 -15 -28
+-11 -19 3 -39 0 -44 -5 -11 -11 -37 17 -28 30 5 8 22 9 82 3z m47 -12 c3 -13
+1 -19 -6 -16 -15 5 -22 37 -9 37 5 0 12 -9 15 -21z m44 1 c-2 -26 -17 -26 -17
+0 0 11 4 20 9 20 6 0 9 -9 8 -20z m57 5 c18 -18 26 -19 26 -2 0 7 12 13 28 14
+15 1 21 -1 15 -4 -17 -6 -16 -23 1 -23 8 0 17 8 20 17 6 15 8 15 16 3 11 -17
+13 -37 4 -27 -3 3 -17 2 -30 -3 -13 -5 -25 -6 -28 -1 -3 4 -25 6 -50 5 -32 -2
+-46 1 -46 10 0 28 21 33 44 11z m236 1 c0 -6 5 -4 10 4 8 12 10 11 10 -5 0
+-18 -7 -21 -50 -22 -41 -2 -50 1 -51 15 0 14 -2 14 -8 -2 -7 -20 -8 -20 -13 0
+-5 19 0 20 48 20 31 0 54 -4 54 -10z"/>
+<path d="M747 694 c-13 -14 -7 -43 11 -46 32 -7 53 4 50 26 -3 21 -46 35 -61
+20z"/>
+<path d="M782 564 c4 -21 22 -23 26 -1 2 10 -3 17 -13 17 -10 0 -15 -6 -13
+-16z"/>
+<path d="M747 474 c-14 -15 -6 -42 14 -47 31 -8 50 3 47 27 -3 21 -46 35 -61
+20z"/>
+<path d="M752 151 c-25 -16 -10 -46 23 -46 25 0 30 4 30 25 0 27 -28 38 -53
+21z"/>
+<path d="M205 90 c-3 -5 -1 -10 4 -10 6 0 11 5 11 10 0 6 -2 10 -4 10 -3 0 -8
+-4 -11 -10z"/>
+<path d="M395 90 c-3 -5 -1 -10 4 -10 6 0 11 5 11 10 0 6 -2 10 -4 10 -3 0 -8
+-4 -11 -10z"/>
+<path d="M610 90 c0 -5 5 -10 10 -10 6 0 10 5 10 10 0 6 -4 10 -10 10 -5 0
+-10 -4 -10 -10z"/>
+</g>
+</svg>
diff --git a/src/components/QuestionScreen/Question/index.tsx b/src/components/QuestionScreen/Question/index.tsx
index 5c5acd1..1f4efbb 100644
--- a/src/components/QuestionScreen/Question/index.tsx
+++ b/src/components/QuestionScreen/Question/index.tsx
@@ -1,27 +1,71 @@
-import { FC } from 'react'
-import styled from 'styled-components'
+import { FC } from 'react';
+import styled from 'styled-components';
+import CodeSnippet from '../../ui/CodeSnippet';
+import Answer from '../Answer';
+import QuizImage from '../../ui/QuizImage';
+import { device } from '../../../styles/BreakPoints';
 
-import { device } from '../../../styles/BreakPoints'
+const Container = styled.div`
+  width: 100%;
+  display: flex;
+  flex-direction: column;
+  align-items: center;
+  padding: 20px;
+`;
 
-import CodeSnippet from '../../ui/CodeSnippet'
-import Answer from '../Answer'
-import QuizImage from '../../ui/QuizImage'
+const ProgressBarContainer = styled.div`
+  width: 100%;
+  display: flex;
+  align-items: center;
+  justify-content: space-between;
+  margin-bottom: 20px;
+`;
+
+const ProgressBar = styled.div`
+  width: 80%;
+  height: 10px;
+  background-color: #e0e0e0;
+  border-radius: 5px;
+  overflow: hidden;
+`;
+
+const Progress = styled.div<{ progress: number }>`
+  width: ${({ progress }) => progress}%;
+  height: 100%;
+  background-color: #76c7c0;
+`;
+
+const Timer = styled.div`
+  font-size: 14px;
+  color: ${({ theme }) => theme.colors.primaryText};
+`;
+
+const MainContent = styled.div`
+  display: flex;
+  justify-content: space-between;
+  width: 100%;
+  max-width: 1200px;
+  margin-top: 20px;
+  @media ${device.sm} {
+    flex-direction: column;
+  }
+`;
 
 const QuestionContainer = styled.div`
-  margin-top: 30px;
-  margin-bottom: 40px;
-  max-width: 88%;
+  width: 60%;
+  padding-right: 20px;
   @media ${device.sm} {
-    max-width: 100%;
+    width: 100%;
+    padding-right: 0;
   }
-`
+`;
 
 const AnswersContainer = styled.div`
-  max-width: 78%;
+  width: 40%;
   @media ${device.sm} {
-    max-width: 100%;
+    width: 100%;
   }
-`
+`;
 
 const QuestionStyle = styled.h2`
   font-size: clamp(18px, 4vw, 28px);
@@ -29,16 +73,38 @@ const QuestionStyle = styled.h2`
   margin-bottom: 25px;
   color: ${({ theme }) => theme.colors.primaryText};
   line-height: 1.3;
-`
+`;
+
+const NextButtonContainer = styled.div`
+  width: 100%;
+  display: flex;
+  justify-content: center;
+  margin-top: 20px;
+`;
+
+const NextButton = styled.button`
+  padding: 10px 20px;
+  font-size: 16px;
+  background-color: #76c7c0;
+  color: #fff;
+  border: none;
+  border-radius: 5px;
+  cursor: pointer;
+  &:hover {
+    background-color: #5aa8a2;
+  }
+`;
 
 interface QuestionTypes {
-  question: string
-  code?: string
-  image?: string
-  type: string
-  choices: string[]
-  selectedAnswer: string[]
-  handleAnswerSelection: (e: React.ChangeEvent<HTMLInputElement>, index: number) => void
+  question: string;
+  code?: string;
+  image?: string;
+  type: string;
+  choices: string[];
+  selectedAnswer: string[];
+  handleAnswerSelection: (e: React.ChangeEvent<HTMLInputElement>, index: number) => void;
+  progress: number;
+  timeLeft?: string;
 }
 
 const Question: FC<QuestionTypes> = ({
@@ -49,28 +115,38 @@ const Question: FC<QuestionTypes> = ({
   choices,
   selectedAnswer,
   handleAnswerSelection,
+  progress,
+  timeLeft,
 }) => {
   return (
-    <QuestionContainer>
-      <QuestionStyle>{question}</QuestionStyle>
-      {/* if question contains code snippet then show code */}
-      {code && <CodeSnippet code={code} language="javascript" />}
-      {/* if question contains an image */}
-      {image && <QuizImage image={image} />}
-      <AnswersContainer>
-        {choices.map((choice, index) => (
-          <Answer
-            choice={choice}
-            index={index}
-            key={index}
-            onChange={(e) => handleAnswerSelection(e, index)}
-            type={type}
-            selectedAnswer={selectedAnswer}
-          />
-        ))}
-      </AnswersContainer>
-    </QuestionContainer>
-  )
-}
+    <Container>
+      <ProgressBarContainer>
+        <ProgressBar>
+          <Progress progress={progress} />
+        </ProgressBar>
+        {timeLeft && <Timer>{timeLeft}</Timer>}
+      </ProgressBarContainer>
+      <MainContent>
+        <QuestionContainer>
+          <QuestionStyle>{question}</QuestionStyle>
+          {code && <CodeSnippet code={code} language="javascript" />}
+          {image && <QuizImage image={image} />}
+        </QuestionContainer>
+        <AnswersContainer>
+          {choices.map((choice, index) => (
+            <Answer
+              choice={choice}
+              index={index}
+              key={index}
+              onChange={(e) => handleAnswerSelection(e, index)}
+              type={type}
+              selectedAnswer={selectedAnswer}
+            />
+          ))}
+        </AnswersContainer>
+      </MainContent>
+    </Container>
+  );
+};
 
-export default Question
+export default Question;
diff --git a/src/components/QuestionScreen/Question/indexCopy.txt b/src/components/QuestionScreen/Question/indexCopy.txt
new file mode 100644
index 0000000..2270a09
--- /dev/null
+++ b/src/components/QuestionScreen/Question/indexCopy.txt
@@ -0,0 +1,76 @@
+import { FC } from 'react'
+import styled from 'styled-components'
+
+import { device } from '../../../styles/BreakPoints'
+
+import CodeSnippet from '../../ui/CodeSnippet'
+import Answer from '../Answer'
+import QuizImage from '../../ui/QuizImage'
+
+const QuestionContainer = styled.div`
+  margin-top: 30px;
+  margin-bottom: 40px;
+  max-width: 88%;
+  @media ${device.sm} {
+    max-width: 100%;
+  }
+`
+
+const AnswersContainer = styled.div`
+  max-width: 78%;
+  @media ${device.sm} {
+    max-width: 100%;
+  }
+`
+
+const QuestionStyle = styled.h2`
+  font-size: clamp(18px, 4vw, 28px);
+  font-weight: 500;
+  margin-bottom: 25px;
+  color: ${({ theme }) => theme.colors.primaryText};
+  line-height: 1.3;
+`
+
+interface QuestionTypes {
+  question: string
+  code?: string
+  image?: string
+  type: string
+  choices: string[]
+  selectedAnswer: string[]
+  handleAnswerSelection: (e: React.ChangeEvent<HTMLInputElement>, index: number) => void
+}
+
+const Question: FC<QuestionTypes> = ({
+  question,
+  code,
+  image,
+  type,
+  choices,
+  selectedAnswer,
+  handleAnswerSelection,
+}) => {
+  return (
+    <QuestionContainer>
+      <QuestionStyle>!!!{question}</QuestionStyle>
+      {/* if question contains code snippet then show code */}
+      {code && <CodeSnippet code={code} language="javascript" />}
+      {/* if question contains an image */}
+      {image && <QuizImage image={image} />}
+      <AnswersContainer>
+        {choices.map((choice, index) => (
+          <Answer
+            choice={choice}
+            index={index}
+            key={index}
+            onChange={(e) => handleAnswerSelection(e, index)}
+            type={type}
+            selectedAnswer={selectedAnswer}
+          />
+        ))}
+      </AnswersContainer>
+    </QuestionContainer>
+  )
+}
+
+export default Question
diff --git a/src/components/QuestionScreen/index.tsx b/src/components/QuestionScreen/index.tsx
index 5c4bb39..3354eea 100644
--- a/src/components/QuestionScreen/index.tsx
+++ b/src/components/QuestionScreen/index.tsx
@@ -14,8 +14,7 @@ import Question from './Question'
 import QuizHeader from './QuizHeader'
 
 const QuizContainer = styled.div<{ selectedAnswer: boolean }>`
-  width: 900px;
-  min-height: 500px;
+  width: 100%;
   background: ${({ theme }) => theme.colors.cardBackground};
   border-radius: 4px;
   padding: 30px 60px 80px 60px;
@@ -138,11 +137,10 @@ const QuestionScreen: FC = () => {
   // timer hooks, handle conditions related to time
   useTimer(timer, quizDetails, setEndTime, setTimer, setShowTimerModal, showResultModal)
 
+  const progress = 50;
+
   return (
     <PageCenter>
-      <LogoContainer>
-        <AppLogo />
-      </LogoContainer>
       <QuizContainer selectedAnswer={selectedAnswer.length > 0}>
         <QuizHeader
           activeQuestion={activeQuestion}
@@ -157,6 +155,7 @@ const QuestionScreen: FC = () => {
           type={type}
           handleAnswerSelection={handleAnswerSelection}
           selectedAnswer={selectedAnswer}
+          progress={progress}
         />
         <ButtonWrapper>
           <Button
diff --git a/src/components/QuizDetailsScreen/index.tsx b/src/components/QuizDetailsScreen/index.tsx
index 70defcb..1206fbf 100644
--- a/src/components/QuizDetailsScreen/index.tsx
+++ b/src/components/QuizDetailsScreen/index.tsx
@@ -38,7 +38,7 @@ const DetailText = styled.p`
 const QuizDetailsScreen = () => {
   const { setCurrentScreen, quizDetails } = useQuiz()
 
-  const { selectedQuizTopic, totalQuestions, totalScore, totalTime } = quizDetails
+  const { selectedQuizTopic, totalQuestions, totalScore, totalTime, detail} = quizDetails
 
   const goToQuestionScreen = () => {
     setCurrentScreen(ScreenTypes.QuestionScreen)
@@ -50,10 +50,10 @@ const QuizDetailsScreen = () => {
         <LogoContainer>
           <AppLogo />
         </LogoContainer>
-        <AppTitle>XEVEN QUIZ</AppTitle>
         <DetailTextContainer>
           <DetailText>
-            Selected Quiz Topic: <HighlightedText>{selectedQuizTopic}</HighlightedText>
+            <h1><HighlightedText>{selectedQuizTopic}</HighlightedText></h1><br/>
+            {detail}
           </DetailText>
           <DetailText>
             Total questions to attempt:{' '}
diff --git a/src/components/QuizTopicsScreen/index.tsx b/src/components/QuizTopicsScreen/index.tsx
index 2313fbc..a8d6461 100644
--- a/src/components/QuizTopicsScreen/index.tsx
+++ b/src/components/QuizTopicsScreen/index.tsx
@@ -88,22 +88,19 @@ const QuizTopicsScreen: React.FC = () => {
   return (
     <PageCenter light justifyCenter>
       <CenterCardContainer>
-        <LogoContainer>
-          <AppLogo />
-        </LogoContainer>
+
         <Heading>
-          WELCOME TO <HighlightedText> XEVEN QUIZ</HighlightedText>
+          WELCOME TO Online Assessment
         </Heading>
-        <DetailText>Select topic below to start your Quiz.</DetailText>
+        <DetailText>Select topic below to start your Test.</DetailText>
         <SelectButtonContainer>
-          {quizTopics.map(({ title, icon, disabled }) => (
+          {quizTopics.map(({ title}) => (
             <SelectButton
               key={title}
               active={quizTopic === title}
-              onClick={() => !disabled && selectQuizTopic(title)}
-              disabled={disabled}
+              onClick={() => selectQuizTopic(title)}
             >
-              {icon}
+        
               <SelectButtonText>{title}</SelectButtonText>
             </SelectButton>
           ))}
diff --git a/src/config/icons.ts b/src/config/icons.ts
index dedb70d..76d57a5 100644
--- a/src/config/icons.ts
+++ b/src/config/icons.ts
@@ -1,4 +1,4 @@
-import { ReactComponent as AppLogo } from '../assets/icons/app-logo.svg'
+import { ReactComponent as AppLogo } from '../assets/icons/VicLogo90.svg'
 import { ReactComponent as CheckIcon } from '../assets/icons/check.svg'
 import { ReactComponent as Next } from '../assets/icons/next.svg'
 import { ReactComponent as Refresh } from '../assets/icons/refresh.svg'
diff --git a/src/context/QuizContext.ts b/src/context/QuizContext.ts
index 4e57b7b..e2b8bb2 100644
--- a/src/context/QuizContext.ts
+++ b/src/context/QuizContext.ts
@@ -18,6 +18,7 @@ export const initialState: QuizContextTypes = {
     totalQuestions: 0,
     totalScore: 0,
     totalTime: 0,
+    detail:"aaaa",
     selectedQuizTopic: 'React',
   },
 }
diff --git a/src/context/QuizProvider.tsx b/src/context/QuizProvider.tsx
index 13ae3c0..28b3aac 100644
--- a/src/context/QuizProvider.tsx
+++ b/src/context/QuizProvider.tsx
@@ -23,6 +23,7 @@ const QuizProvider = ({ children }: QuizProviderProps) => {
     totalQuestions,
     totalTime,
     totalScore,
+    detail,
   } = quiz[quizTopic]
 
   const selectQuizTopic = (topic: string) => {
@@ -38,6 +39,7 @@ const QuizProvider = ({ children }: QuizProviderProps) => {
     totalQuestions,
     totalScore,
     totalTime,
+    detail,
     selectedQuizTopic: quizTopic,
   }
 
diff --git a/src/data/QuizQuestions/generalKnowledge.ts b/src/data/QuizQuestions/generalKnowledge.ts
index 44edd0a..6129bfe 100644
--- a/src/data/QuizQuestions/generalKnowledge.ts
+++ b/src/data/QuizQuestions/generalKnowledge.ts
@@ -17,6 +17,7 @@ export const generalKnowledge: Topic = {
   totalQuestions: 6,
   totalScore: 60,
   totalTime: 60,
+  detail:"",
   questions: [
     {
       question: 'What is the name of this reptile?',
diff --git a/src/data/QuizQuestions/index.ts b/src/data/QuizQuestions/index.ts
index 79d15ae..00d34b9 100644
--- a/src/data/QuizQuestions/index.ts
+++ b/src/data/QuizQuestions/index.ts
@@ -2,6 +2,7 @@ import { generalKnowledge } from './generalKnowledge'
 import { javascript } from './javascript'
 import { python } from './python'
 import { react } from './react'
+import { java8 } from './java8'
 
 // Question Types
 // 1. MCQs | Multiple Choice | single
@@ -27,10 +28,12 @@ export type Topic = {
   totalQuestions: number
   totalScore: number
   totalTime: number
+  detail:string
   questions: Question[]
 }
 
 export const quiz: Record<string, Topic> = {
+  'Java 8 programing':java8,
   JavaScript: javascript,
   React: react,
   Python: python,
diff --git a/src/data/QuizQuestions/java8.ts b/src/data/QuizQuestions/java8.ts
new file mode 100644
index 0000000..2d4511c
--- /dev/null
+++ b/src/data/QuizQuestions/java8.ts
@@ -0,0 +1,272 @@
+// Question Types
+// 1. MCQs | Multiple Choice | single
+// 2. boolean | true/false | single
+// 3. MAQs | Multiple Answers | multiple
+
+import { Topic } from '.'
+import CodeSnippet1 from '../../assets/images/code-snippet-1.png'
+
+export const java8: Topic = {
+    topic: 'Java 8',
+    level: 'Intermediate',
+    totalQuestions: 20,
+    totalScore: 100,
+    totalTime: 600,
+    detail:"This test is designed for software developers to assess their understanding of the Java Platform, Standard Edition language through Java SE 8.",
+    questions: [
+      {
+        question: 'What is the result of the following code?',
+        code: 'List<String> list = Arrays.asList("a", "b", "c");\nlist.stream().forEach(System.out::println);',
+        choices: [
+          '"a", "b", "c" printed on separate lines',
+          'A compilation error',
+          'A runtime exception',
+          '"a b c" printed on the same line',
+        ],
+        type: 'MCQs',
+        correctAnswers: ['"a", "b", "c" printed on separate lines'],
+        score: 5,
+      },
+      {
+        question: 'Which method in the java.util.Optional class is used to retrieve the value if present?',
+        choices: [
+          'get()',
+          'value()',
+          'retrieve()',
+          'fetch()',
+        ],
+        type: 'MCQs',
+        correctAnswers: ['get()'],
+        score: 5,
+      },
+      {
+        question: 'What does the following code snippet do?',
+        code: 'Stream.of("a", "b", "c").map(String::toUpperCase).collect(Collectors.toList());',
+        choices: [
+          'Converts all strings in the stream to uppercase and collects them into a list',
+          'Throws a compilation error',
+          'Converts all strings in the stream to lowercase and collects them into a set',
+          'Prints the uppercase strings to the console',
+        ],
+        type: 'MCQs',
+        correctAnswers: ['Converts all strings in the stream to uppercase and collects them into a list'],
+        score: 5,
+      },
+      {
+        question: 'What is the purpose of the java.util.function package?',
+        choices: [
+          'To provide functional interfaces for lambda expressions and method references',
+          'To handle input and output operations',
+          'To manage database connections',
+          'To provide utility methods for collections',
+        ],
+        type: 'MCQs',
+        correctAnswers: ['To provide functional interfaces for lambda expressions and method references'],
+        score: 5,
+      },
+      {
+        question: 'What is the result of the following code?',
+        code: 'List<Integer> numbers = Arrays.asList(1, 2, 3, 4, 5);\nOptional<Integer> result = numbers.stream().reduce(Integer::sum);\nSystem.out.println(result.get());',
+        choices: [
+          '15',
+          '10',
+          '0',
+          'A compilation error',
+        ],
+        type: 'MCQs',
+        correctAnswers: ['15'],
+        score: 5,
+      },
+      {
+        question: 'Which new date and time API was introduced in Java 8?',
+        choices: [
+          'java.time',
+          'java.util.date',
+          'java.sql.time',
+          'java.time.calendar',
+        ],
+        type: 'MCQs',
+        correctAnswers: ['java.time'],
+        score: 5,
+      },
+      {
+        question: 'What is a lambda expression in Java?',
+        choices: [
+          'A way to create anonymous methods',
+          'A method reference',
+          'A type of loop',
+          'A way to create arrays',
+        ],
+        type: 'MCQs',
+        correctAnswers: ['A way to create anonymous methods'],
+        score: 5,
+      },
+      {
+        question: 'What is the result of the following code?',
+        code: 'IntStream.range(1, 5).forEach(System.out::print);',
+        choices: [
+          '1234',
+          '12345',
+          '1 2 3 4',
+          '1 2 3 4 5',
+        ],
+        type: 'MCQs',
+        correctAnswers: ['1234'],
+        score: 5,
+      },
+      {
+        question: 'What is the purpose of the Streams API in Java 8?',
+        choices: [
+          'To process sequences of elements in a functional style',
+          'To manage database connections',
+          'To perform input and output operations',
+          'To handle concurrency',
+        ],
+        type: 'MCQs',
+        correctAnswers: ['To process sequences of elements in a functional style'],
+        score: 5,
+      },
+      {
+        question: 'What is the result of the following code?',
+        code: 'List<String> list = Arrays.asList("a", "b", "c");\nString result = list.stream().collect(Collectors.joining(", "));\nSystem.out.println(result);',
+        choices: [
+          '"a, b, c"',
+          '"abc"',
+          '"a b c"',
+          '"a-b-c"',
+        ],
+        type: 'MCQs',
+        correctAnswers: ['"a, b, c"'],
+        score: 5,
+      },
+      {
+        question: 'What does the following code snippet do?',
+        code: 'List<String> list = Arrays.asList("one", "two", "three");\nlist.stream().filter(s -> s.length() > 3).collect(Collectors.toList());',
+        choices: [
+          'Filters the strings with length greater than 3 and collects them into a list',
+          'Throws a compilation error',
+          'Filters the strings with length less than 3 and collects them into a list',
+          'Prints the strings with length greater than 3 to the console',
+        ],
+        type: 'MCQs',
+        correctAnswers: ['Filters the strings with length greater than 3 and collects them into a list'],
+        score: 5,
+      },
+      {
+        question: 'What is the default method in an interface?',
+        choices: [
+          'A method with a body that can be overridden in the implementing class',
+          'A method without a body that must be implemented by the class',
+          'A method that can be called without creating an instance',
+          'A method that is private and only accessible within the interface',
+        ],
+        type: 'MCQs',
+        correctAnswers: ['A method with a body that can be overridden in the implementing class'],
+        score: 5,
+      },
+      {
+        question: 'What is the result of the following code?',
+        code: 'Stream<String> stream = Stream.of("a", "b", "c");\nlong count = stream.count();\nSystem.out.println(count);',
+        choices: [
+          '3',
+          '2',
+          '1',
+          'A compilation error',
+        ],
+        type: 'MCQs',
+        correctAnswers: ['3'],
+        score: 5,
+      },
+      {
+        question: 'What does the method map() do in a stream?',
+        choices: [
+          'Transforms each element in the stream by applying a function',
+          'Filters elements based on a condition',
+          'Collects elements into a collection',
+          'Terminates the stream',
+        ],
+        type: 'MCQs',
+        correctAnswers: ['Transforms each element in the stream by applying a function'],
+        score: 5,
+      },
+      {
+        question: 'What is the result of the following code?',
+        code: 'IntStream.rangeClosed(1, 3).forEach(System.out::print);',
+        choices: [
+          '123',
+          '12',
+          '1 2 3',
+          '1234',
+        ],
+        type: 'MCQs',
+        correctAnswers: ['123'],
+        score: 5,
+      },
+      {
+        question: 'What is a functional interface in Java?',
+        choices: [
+          'An interface with a single abstract method',
+          'An interface with multiple abstract methods',
+          'An interface with only static methods',
+          'An interface with only default methods',
+        ],
+        type: 'MCQs',
+        correctAnswers: ['An interface with a single abstract method'],
+        score: 5,
+      },
+      {
+        question: 'What is the result of the following code?',
+        code: 'List<Integer> list = Arrays.asList(1, 2, 3, 4, 5);\nlist.stream().filter(i -> i % 2 == 0).forEach(System.out::print);',
+        choices: [
+          '24',
+          '135',
+          '12345',
+          '5',
+        ],
+        type: 'MCQs',
+        correctAnswers: ['24'],
+        score: 5,
+      },
+      {
+        question: 'What is the purpose of the Collectors.toList() method?',
+        choices: [
+          'To collect the elements of a stream into a list',
+          'To filter elements based on a condition',
+          'To sort elements in a stream',
+          'To convert a stream to an array',
+        ],
+        type: 'MCQs',
+        correctAnswers: ['To collect the elements of a stream into a list'],
+        score: 5,
+      },
+      {
+        question: 'What does the following code snippet do?',
+        code: 'List<Integer> list = Arrays.asList(1, 2, 3, 4, 5);\nOptional<Integer> result = list.stream().max(Integer::compare);\nSystem.out.println(result.get());',
+        choices: [
+          'Finds the maximum element in the list and prints it',
+          'Finds the minimum element in the list and prints it',
+          'Calculates the sum of all elements in the list and prints it',
+          'Throws a compilation error',
+        ],
+        type: 'MCQs',
+        correctAnswers: ['Finds the maximum element in the list and prints it'],
+        score: 5,
+      },
+      {
+        question: 'What is the result of the following code?',
+        code: 'Stream<String> stream = Stream.of("a", "b", "c");\nString result = stream.collect(Collectors.joining("-"));\nSystem.out.println(result);',
+        choices: [
+          '"a-b-c"',
+          '"abc"',
+          '"a, b, c"',
+          '"a b c"',
+        ],
+        type: 'MCQs',
+        correctAnswers: ['"a-b-c"'],
+        score: 5,
+      },
+    ],
+  };
+  
+  
+
diff --git a/src/data/QuizQuestions/javascript.ts b/src/data/QuizQuestions/javascript.ts
index 8710122..1581386 100644
--- a/src/data/QuizQuestions/javascript.ts
+++ b/src/data/QuizQuestions/javascript.ts
@@ -11,6 +11,7 @@ export const javascript: Topic = {
   totalQuestions: 14,
   totalScore: 125,
   totalTime: 240,
+  detail:"",
   questions: [
     {
       question:
diff --git a/src/data/QuizQuestions/python.ts b/src/data/QuizQuestions/python.ts
index 6bbfa3c..cb19986 100644
--- a/src/data/QuizQuestions/python.ts
+++ b/src/data/QuizQuestions/python.ts
@@ -11,6 +11,7 @@ export const python: Topic = {
   totalQuestions: 14,
   totalScore: 125,
   totalTime: 360,
+  detail:"",
   questions: [
     {
       question:
diff --git a/src/data/QuizQuestions/react.ts b/src/data/QuizQuestions/react.ts
index a258e34..405c241 100644
--- a/src/data/QuizQuestions/react.ts
+++ b/src/data/QuizQuestions/react.ts
@@ -12,6 +12,7 @@ export const react: Topic = {
   totalQuestions: 11,
   totalScore: 95,
   totalTime: 600,
+  detail:"",
   questions: [
     {
       question: 'What is JSX in React?',
diff --git a/src/data/QuizQuestions/sql.ts b/src/data/QuizQuestions/sql.ts
new file mode 100644
index 0000000..6dff812
--- /dev/null
+++ b/src/data/QuizQuestions/sql.ts
@@ -0,0 +1,272 @@
+// Question Types
+// 1. MCQs | Multiple Choice | single
+// 2. boolean | true/false | single
+// 3. MAQs | Multiple Answers | multiple
+
+import { Topic } from '.'
+import CodeSnippet1 from '../../assets/images/code-snippet-1.png'
+
+export const sql: Topic = {
+    topic: 'ANSI SQL:2011 PROGRAMMING',
+    level: 'Intermediate',
+    totalQuestions: 20,
+    totalScore: 100,
+    totalTime: 600,
+    detail:"This test is designed for application and database developers working with any ANSI SQL compliant database. It measures knowledge of the SQL:2011 standard.",
+    questions: [
+      {
+        question: 'What is the result of the following code?',
+        code: 'List<String> list = Arrays.asList("a", "b", "c");\nlist.stream().forEach(System.out::println);',
+        choices: [
+          '"a", "b", "c" printed on separate lines',
+          'A compilation error',
+          'A runtime exception',
+          '"a b c" printed on the same line',
+        ],
+        type: 'MCQs',
+        correctAnswers: ['"a", "b", "c" printed on separate lines'],
+        score: 5,
+      },
+      {
+        question: 'Which method in the java.util.Optional class is used to retrieve the value if present?',
+        choices: [
+          'get()',
+          'value()',
+          'retrieve()',
+          'fetch()',
+        ],
+        type: 'MCQs',
+        correctAnswers: ['get()'],
+        score: 5,
+      },
+      {
+        question: 'What does the following code snippet do?',
+        code: 'Stream.of("a", "b", "c").map(String::toUpperCase).collect(Collectors.toList());',
+        choices: [
+          'Converts all strings in the stream to uppercase and collects them into a list',
+          'Throws a compilation error',
+          'Converts all strings in the stream to lowercase and collects them into a set',
+          'Prints the uppercase strings to the console',
+        ],
+        type: 'MCQs',
+        correctAnswers: ['Converts all strings in the stream to uppercase and collects them into a list'],
+        score: 5,
+      },
+      {
+        question: 'What is the purpose of the java.util.function package?',
+        choices: [
+          'To provide functional interfaces for lambda expressions and method references',
+          'To handle input and output operations',
+          'To manage database connections',
+          'To provide utility methods for collections',
+        ],
+        type: 'MCQs',
+        correctAnswers: ['To provide functional interfaces for lambda expressions and method references'],
+        score: 5,
+      },
+      {
+        question: 'What is the result of the following code?',
+        code: 'List<Integer> numbers = Arrays.asList(1, 2, 3, 4, 5);\nOptional<Integer> result = numbers.stream().reduce(Integer::sum);\nSystem.out.println(result.get());',
+        choices: [
+          '15',
+          '10',
+          '0',
+          'A compilation error',
+        ],
+        type: 'MCQs',
+        correctAnswers: ['15'],
+        score: 5,
+      },
+      {
+        question: 'Which new date and time API was introduced in Java 8?',
+        choices: [
+          'java.time',
+          'java.util.date',
+          'java.sql.time',
+          'java.time.calendar',
+        ],
+        type: 'MCQs',
+        correctAnswers: ['java.time'],
+        score: 5,
+      },
+      {
+        question: 'What is a lambda expression in Java?',
+        choices: [
+          'A way to create anonymous methods',
+          'A method reference',
+          'A type of loop',
+          'A way to create arrays',
+        ],
+        type: 'MCQs',
+        correctAnswers: ['A way to create anonymous methods'],
+        score: 5,
+      },
+      {
+        question: 'What is the result of the following code?',
+        code: 'IntStream.range(1, 5).forEach(System.out::print);',
+        choices: [
+          '1234',
+          '12345',
+          '1 2 3 4',
+          '1 2 3 4 5',
+        ],
+        type: 'MCQs',
+        correctAnswers: ['1234'],
+        score: 5,
+      },
+      {
+        question: 'What is the purpose of the Streams API in Java 8?',
+        choices: [
+          'To process sequences of elements in a functional style',
+          'To manage database connections',
+          'To perform input and output operations',
+          'To handle concurrency',
+        ],
+        type: 'MCQs',
+        correctAnswers: ['To process sequences of elements in a functional style'],
+        score: 5,
+      },
+      {
+        question: 'What is the result of the following code?',
+        code: 'List<String> list = Arrays.asList("a", "b", "c");\nString result = list.stream().collect(Collectors.joining(", "));\nSystem.out.println(result);',
+        choices: [
+          '"a, b, c"',
+          '"abc"',
+          '"a b c"',
+          '"a-b-c"',
+        ],
+        type: 'MCQs',
+        correctAnswers: ['"a, b, c"'],
+        score: 5,
+      },
+      {
+        question: 'What does the following code snippet do?',
+        code: 'List<String> list = Arrays.asList("one", "two", "three");\nlist.stream().filter(s -> s.length() > 3).collect(Collectors.toList());',
+        choices: [
+          'Filters the strings with length greater than 3 and collects them into a list',
+          'Throws a compilation error',
+          'Filters the strings with length less than 3 and collects them into a list',
+          'Prints the strings with length greater than 3 to the console',
+        ],
+        type: 'MCQs',
+        correctAnswers: ['Filters the strings with length greater than 3 and collects them into a list'],
+        score: 5,
+      },
+      {
+        question: 'What is the default method in an interface?',
+        choices: [
+          'A method with a body that can be overridden in the implementing class',
+          'A method without a body that must be implemented by the class',
+          'A method that can be called without creating an instance',
+          'A method that is private and only accessible within the interface',
+        ],
+        type: 'MCQs',
+        correctAnswers: ['A method with a body that can be overridden in the implementing class'],
+        score: 5,
+      },
+      {
+        question: 'What is the result of the following code?',
+        code: 'Stream<String> stream = Stream.of("a", "b", "c");\nlong count = stream.count();\nSystem.out.println(count);',
+        choices: [
+          '3',
+          '2',
+          '1',
+          'A compilation error',
+        ],
+        type: 'MCQs',
+        correctAnswers: ['3'],
+        score: 5,
+      },
+      {
+        question: 'What does the method map() do in a stream?',
+        choices: [
+          'Transforms each element in the stream by applying a function',
+          'Filters elements based on a condition',
+          'Collects elements into a collection',
+          'Terminates the stream',
+        ],
+        type: 'MCQs',
+        correctAnswers: ['Transforms each element in the stream by applying a function'],
+        score: 5,
+      },
+      {
+        question: 'What is the result of the following code?',
+        code: 'IntStream.rangeClosed(1, 3).forEach(System.out::print);',
+        choices: [
+          '123',
+          '12',
+          '1 2 3',
+          '1234',
+        ],
+        type: 'MCQs',
+        correctAnswers: ['123'],
+        score: 5,
+      },
+      {
+        question: 'What is a functional interface in Java?',
+        choices: [
+          'An interface with a single abstract method',
+          'An interface with multiple abstract methods',
+          'An interface with only static methods',
+          'An interface with only default methods',
+        ],
+        type: 'MCQs',
+        correctAnswers: ['An interface with a single abstract method'],
+        score: 5,
+      },
+      {
+        question: 'What is the result of the following code?',
+        code: 'List<Integer> list = Arrays.asList(1, 2, 3, 4, 5);\nlist.stream().filter(i -> i % 2 == 0).forEach(System.out::print);',
+        choices: [
+          '24',
+          '135',
+          '12345',
+          '5',
+        ],
+        type: 'MCQs',
+        correctAnswers: ['24'],
+        score: 5,
+      },
+      {
+        question: 'What is the purpose of the Collectors.toList() method?',
+        choices: [
+          'To collect the elements of a stream into a list',
+          'To filter elements based on a condition',
+          'To sort elements in a stream',
+          'To convert a stream to an array',
+        ],
+        type: 'MCQs',
+        correctAnswers: ['To collect the elements of a stream into a list'],
+        score: 5,
+      },
+      {
+        question: 'What does the following code snippet do?',
+        code: 'List<Integer> list = Arrays.asList(1, 2, 3, 4, 5);\nOptional<Integer> result = list.stream().max(Integer::compare);\nSystem.out.println(result.get());',
+        choices: [
+          'Finds the maximum element in the list and prints it',
+          'Finds the minimum element in the list and prints it',
+          'Calculates the sum of all elements in the list and prints it',
+          'Throws a compilation error',
+        ],
+        type: 'MCQs',
+        correctAnswers: ['Finds the maximum element in the list and prints it'],
+        score: 5,
+      },
+      {
+        question: 'What is the result of the following code?',
+        code: 'Stream<String> stream = Stream.of("a", "b", "c");\nString result = stream.collect(Collectors.joining("-"));\nSystem.out.println(result);',
+        choices: [
+          '"a-b-c"',
+          '"abc"',
+          '"a, b, c"',
+          '"a b c"',
+        ],
+        type: 'MCQs',
+        correctAnswers: ['"a-b-c"'],
+        score: 5,
+      },
+    ],
+  };
+  
+  
+
diff --git a/src/data/quizTopics.tsx b/src/data/quizTopics.tsx
index 0c32a91..3fd34f5 100644
--- a/src/data/quizTopics.tsx
+++ b/src/data/quizTopics.tsx
@@ -1,66 +1,28 @@
 import { ReactNode } from 'react'
-import { ReactComponent as Angular } from '../assets/icons/angular.svg'
-import { ReactComponent as CSS } from '../assets/icons/css-3.svg'
-import { ReactComponent as Django } from '../assets/icons/dj.svg'
-import { ReactComponent as Gatsby } from '../assets/icons/gatsby.svg'
-import { ReactComponent as JavaScript } from '../assets/icons/javascript.svg'
-import { ReactComponent as Kotlin } from '../assets/icons/kotlin.svg'
-import { ReactComponent as Laravel } from '../assets/icons/laravel.svg'
-import { ReactComponent as Python } from '../assets/icons/python.svg'
-import { ReactComponent as ReactIcon } from '../assets/icons/react.svg'
-import { ReactComponent as BulbIcon } from '../assets/icons/bulb.svg'
+
 
 type QuizTopic = {
   title: string
-  icon: ReactNode
   disabled?: boolean
 }
 
 export const quizTopics: QuizTopic[] = [
   {
-    title: 'React',
-    icon: <ReactIcon />,
-  },
-  {
-    title: 'JavaScript',
-    icon: <JavaScript />,
+    title: 'Java 8 programing'
   },
   {
-    title: 'Python',
-    icon: <Python />,
+    title: 'React'
   },
   {
-    title: 'General Knowledge',
-    icon: <BulbIcon />,
+    title: 'JavaScript'
   },
   {
-    title: 'Gatsby',
-    icon: <Gatsby />,
-    disabled: true,
-  },
-  {
-    title: 'Angular',
-    icon: <Angular />,
-    disabled: true,
-  },
+    title: 'Python'
+  },  
   {
-    title: 'Django',
-    icon: <Django />,
-    disabled: true,
+    title: 'General Knowledge'
   },
   {
-    title: 'CSS',
-    icon: <CSS />,
-    disabled: true,
-  },
-  {
-    title: 'Kotlin',
-    icon: <Kotlin />,
-    disabled: true,
-  },
-  {
-    title: 'Laravel',
-    icon: <Laravel />,
-    disabled: true,
-  },
+    title: 'CSS'
+  }
 ]
diff --git a/src/types/index.ts b/src/types/index.ts
index b99fc72..b60eb60 100644
--- a/src/types/index.ts
+++ b/src/types/index.ts
@@ -32,5 +32,6 @@ export type QuizContextTypes = {
     totalScore: number
     totalTime: number
     selectedQuizTopic: string
+    detail:string
   }
 }