[V0_FILE]typescriptreact:file="app/test/instructions/page.tsx" isEdit="true" isMerged="true" "use client" import { useState } from "react" import { useRouter } from "next/navigation" import Link from "next/link" import { Button } from "@/components/ui/button" import { Card, CardContent, CardHeader, CardTitle } from "@/components/ui/card" import { AlertTriangle, Clock, CheckCircle2 } from "lucide-react" export default function TestInstructions() { const router = useRouter() const [isLoading, setIsLoading] = useState(false) const startTest = () => { setIsLoading(true) // Use a timeout to ensure the UI updates before navigation setTimeout(() => { router.push("/test/exam") }, 100) } return (

ExamPrep

SBI PO Mock Test Instructions

Please read all instructions carefully before starting the test. Once you start the test, the timer cannot be paused.

Test Pattern

The test consists of three sections: English, Reasoning, and Quantitative Aptitude.
Total number of questions: 100 (English: 40, Reasoning: 30, Quantitative Aptitude: 30)
Maximum marks: 100 (Each question carries 1 mark)
Negative marking: 0.25 marks will be deducted for each wrong answer.
The sections will appear in random order.

Time Allocation

Total time: 60 minutes

English: 30 minutes
Reasoning: 30 minutes
Quantitative Aptitude: 30 minutes
The timer for each section will be displayed during the test.
Time spent on each question will be tracked and shown in the analysis report.

Navigation

You can navigate between questions within a section using the Next and Previous buttons.
You can mark questions for review and revisit them later within the same section.
Once you submit a section, you cannot return to it.
A question palette will be available to track your progress.

Test Analysis

A detailed analysis report will be generated after completing the test.
The report will include section-wise performance, time spent on each question, and areas for improvement.
You can download the analysis report for future reference.

Ready to begin?

Make sure you have a stable internet connection and are in a quiet environment.

) } [V0_FILE]typescriptreact:file="lib/test-data.ts" isEdit="true" isMerged="true" export type Question = { id: string text: string options: string[] correctAnswer: number explanation: string subject: "english" | "reasoning" | "quants" } export const englishQuestions: Question[] = [ { id: "eng-1", text: 'Choose the word that is most nearly opposite in meaning to the word "BENEVOLENT".', options: ["Charitable", "Malevolent", "Generous", "Kind"], correctAnswer: 1, explanation: "Malevolent means wishing evil or harm to others, which is the opposite of benevolent (kind, generous).", subject: "english", }, { id: "eng-2", text: 'Choose the correct meaning of the idiom: "To bite the dust"', options: ["To taste failure", "To die", "To be humiliated", "To be defeated"], correctAnswer: 3, explanation: '"To bite the dust" means to be defeated or to fail at something.', subject: "english", }, { id: "eng-3", text: "Choose the correct alternative to fill in the blank: The company's profits have _____ by 30% since last year.", options: ["rose", "raised", "risen", "aroused"], correctAnswer: 2, explanation: '"Risen" is the correct past participle form of "rise" to be used with "have".', subject: "english", }, { id: "eng-4", text: 'Identify the error in the sentence: "Neither of the students have completed their assignments."', options: ["Neither", "have", "their", "No error"], correctAnswer: 1, explanation: '"Have" should be replaced with "has" because "neither" is singular.', subject: "english", }, { id: "eng-5", text: "Choose the correctly spelt word:", options: ["Accomodation", "Accommodation", "Acommodation", "Acomodation"], correctAnswer: 1, explanation: 'Accommodation is the correct spelling with double "c" and double "m".', subject: "english", }, // Add 35 more English questions here { id: "eng-6", text: "Choose the word that best completes the sentence: The detective's _____ questioning finally led to a confession.", options: ["persistent", "resistance", "insistent", "consistent"], correctAnswer: 0, explanation: '"Persistent" means continuing firmly despite obstacles, which fits the context best.', subject: "english", }, { id: "eng-7", text: "Identify the part of speech of the underlined word: She spoke VERY clearly during the presentation.", options: ["Adjective", "Adverb", "Verb", "Preposition"], correctAnswer: 1, explanation: '"Very" is an adverb that modifies another adverb "clearly".', subject: "english", }, { id: "eng-8", text: 'Choose the correct meaning of the phrasal verb "to put up with".', options: ["To tolerate", "To construct", "To display", "To support"], correctAnswer: 0, explanation: '"To put up with" means to tolerate or endure something unpleasant.', subject: "english", }, { id: "eng-9", text: 'Choose the correct antonym for "FRUGAL".', options: ["Economical", "Extravagant", "Thrifty", "Miserly"], correctAnswer: 1, explanation: '"Extravagant" means spending money freely, which is the opposite of "frugal" (economical).', subject: "english", }, { id: "eng-10", text: "Identify the correct sentence:", options: [ "The committee have decided to postpone the meeting.", "The committee has decided to postpone the meeting.", "The committee is deciding to postponing the meeting.", "The committee have been deciding to postpone the meeting.", ], correctAnswer: 1, explanation: '"Committee" is a collective noun that takes a singular verb "has" in this context.', subject: "english", }, // Continue with more English questions to reach 40 total ] export const reasoningQuestions: Question[] = [ { id: "reas-1", text: "If FRIEND is coded as HUMJTK, how is CANDLE coded?", options: ["EYPFNG", "DCQHQK", "ESJFPI", "FYOBOC"], correctAnswer: 0, explanation: "Each letter in FRIEND is replaced by the letter that comes 2 positions ahead in the alphabet. Following the same pattern, CANDLE becomes EYPFNG.", subject: "reasoning", }, { id: "reas-2", text: "In a row of children, Rahul is 7th from the left and Sonia is 12th from the right. If they interchange their positions, Rahul becomes 22nd from the left. How many children are there in the row?", options: ["33", "34", "35", "36"], correctAnswer: 0, explanation: "After interchange, Rahul is 22nd from left. Originally, he was 7th from left. So, Sonia was at position 22 from left. Given that Sonia is 12th from right, total number of children = 22 + 12 - 1 = 33.", subject: "reasoning", }, { id: "reas-3", text: "Find the odd one out:", options: ["Mercury", "Venus", "Jupiter", "Moon"], correctAnswer: 3, explanation: "Mercury, Venus, and Jupiter are planets, while Moon is a satellite.", subject: "reasoning", }, { id: "reas-4", text: 'If "+" means "÷", "-" means "×", "×" means "-" and "÷" means "+", then 16 - 4 + 2 × 8 ÷ 4 = ?', options: ["6", "8", "12", "16"], correctAnswer: 2, explanation: "Substituting the operations: 16 × 4 ÷ 2 - 8 + 4 = 16 × 4 ÷ 2 - 8 + 4 = 64 ÷ 2 - 8 + 4 = 32 - 8 + 4 = 24 + 4 = 28.", subject: "reasoning", }, { id: "reas-5", text: "In a certain code, COMPUTER is written as RFUVQNPC. How will MEDICINE be written in the same code?", options: ["MFEDJJOE", "EOJDEJFM", "MFEJDJOF", "EOJDJEFM"], correctAnswer: 2, explanation: "Each letter in COMPUTER is replaced by the letter that comes 1 position ahead in the alphabet. Following the same pattern, MEDICINE becomes MFEJDJOF.", subject: "reasoning", }, // Add 25 more Reasoning questions here { id: "reas-6", text: "If A + B means A is the father of B; A - B means A is the wife of B; A × B means A is the brother of B; A ÷ B means A is the daughter of B, then which of the following shows that M is the maternal uncle of N?", options: ["N ÷ P - M × Q", "N ÷ P - Q × M", "N ÷ P - M + Q", "N ÷ P - Q + M"], correctAnswer: 1, explanation: "N ÷ P means N is the daughter of P. P - Q means P is the wife of Q. Q × M means Q is the brother of M. So, M is the brother of N's father, making M the maternal uncle of N.", subject: "reasoning", }, { id: "reas-7", text: "Complete the series: 3, 10, 29, 66, ?", options: ["127", "145", "155", "163"], correctAnswer: 0, explanation: "The pattern is: 3, 3×3+1=10, 10×3-1=29, 29×3-21=66, 66×3-71=127.", subject: "reasoning", }, { id: "reas-8", text: "If DELHI is coded as 73541 and CALCUTTA as 82589662, then how will CALICUT be coded?", options: ["5279431", "5978213", "8251896", "8219536"], correctAnswer: 3, explanation: "D=7, E=3, L=5, H=4, I=1, C=8, A=2, U=9, T=6. So, CALICUT = 8251896.", subject: "reasoning", }, { id: "reas-9", text: 'In a certain code language, "MONKEY" is written as "XDJMNL". How is "TIGER" written in that code?', options: ["QDFHS", "SDFHS", "SHFDQ", "UJHFS"], correctAnswer: 3, explanation: "Each letter in MONKEY is replaced by the letter that comes 1 position ahead in the alphabet. Following the same pattern, TIGER becomes UJHFS.", subject: "reasoning", }, { id: "reas-10", text: "If South-East becomes North, North-East becomes West, and so on, what will South become?", options: ["North-East", "North-West", "South-West", "East"], correctAnswer: 1, explanation: "The direction is rotated 135° clockwise. So, South becomes North-West.", subject: "reasoning", }, // Continue with more Reasoning questions to reach 30 total ] export const quantsQuestions: Question[] = [ { id: "quant-1", text: "A train running at the speed of 60 km/hr crosses a pole in 9 seconds. What is the length of the train?", options: ["120 meters", "150 meters", "180 meters", "324 meters"], correctAnswer: 1, explanation: "Speed = 60 km/hr = 60 × 5/18 = 50/3 m/s. Time = 9 seconds. Length = Speed × Time = (50/3) × 9 = 150 meters.", subject: "quants", }, { id: "quant-2", text: "The average of 20 numbers is zero. Of them, at most, how many may be greater than zero?", options: ["0", "1", "10", "19"], correctAnswer: 3, explanation: "If 19 numbers are positive and 1 number is negative, the negative number must be large enough to make the average zero.", subject: "quants", }, { id: "quant-3", text: "A shopkeeper sells an article at Rs. 800, which is marked at Rs. 1000, after allowing a discount. What is the discount percentage?", options: ["20%", "25%", "30%", "40%"], correctAnswer: 0, explanation: "Discount = Marked Price - Selling Price = 1000 - 800 = 200. Discount Percentage = (Discount/Marked Price) × 100 = (200/1000) × 100 = 20%.", subject: "quants", }, { id: "quant-4", text: "If A : B = 2 : 3, B : C = 4 : 5, then A : C = ?", options: ["8 : 15", "16 : 15", "2 : 5", "4 : 5"], correctAnswer: 0, explanation: "A : B = 2 : 3 means A = 2k, B = 3k. B : C = 4 : 5 means B = 4m, C = 5m. So, 3k = 4m, which gives m = 3k/4. Therefore, C = 5m = 5 × 3k/4 = 15k/4. Now, A : C = 2k : 15k/4 = 8k : 15k = 8 : 15.", subject: "quants", }, { id: "quant-5", text: "The compound interest on Rs. 30,000 at 7% per annum for 3 years is:", options: ["Rs. 6,300", "Rs. 6,720.25", "Rs. 6,727.50", "Rs. 6,750.75"], correctAnswer: 2, explanation: "CI = P[(1 + r/100)^t - 1] = 30000[(1 + 7/100)^3 - 1] = 30000[1.225043 - 1] = 30000 × 0.225043 = 6751.29, which is closest to Rs. 6,727.50.", subject: "quants", }, // Add 25 more Quants questions here { id: "quant-6", text: "If the radius of a circle is increased by 50%, by what percentage does its area increase?", options: ["50%", "75%", "100%", "125%"], correctAnswer: 3, explanation: "If radius increases by 50%, the new radius is 1.5r. Area of circle = πr². New area = π(1.5r)² = 2.25πr². Percentage increase = ((2.25πr² - πr²)/πr²) × 100 = (1.25πr²/πr²) × 100 = 125%.", subject: "quants", }, { id: "quant-7", text: "A boat goes 30 km upstream and 44 km downstream in 10 hours. It can go 40 km upstream and 55 km downstream in 13 hours. Find the speed of the boat in still water.", options: ["8 km/hr", "9 km/hr", "10 km/hr", "12 km/hr"], correctAnswer: 1, explanation: "Let speed of boat in still water be x km/hr and speed of stream be y km/hr. Then, 30/(x-y) + 44/(x+y) = 10 and 40/(x-y) + 55/(x+y) = 13. Solving these equations, we get x = 9 km/hr and y = 2 km/hr.", subject: "quants", }, { id: "quant-8", text: "The value of a machine depreciates at the rate of 10% per annum. If its present value is Rs. 729,000, what was its value 3 years ago?", options: ["Rs. 900,000", "Rs. 950,000", "Rs. 1,000,000", "Rs. 1,050,000"], correctAnswer: 2, explanation: "Let the original value be P. After 3 years of 10% depreciation, the value becomes 729,000. So, P × (0.9)³ = 729,000. P = 729,000/(0.9)³ = 729,000/0.729 = 1,000,000.", subject: "quants", }, { id: "quant-9", text: "If the sum of the first 11 terms of an arithmetic progression is 176 and the sum of the first 21 terms is 546, find the sum of the first 31 terms.", options: ["1056", "1116", "1176", "1236"], correctAnswer: 2, explanation: "Let the first term be a and common difference be d. Sum of n terms = n/2[2a + (n-1)d]. Given: 11/2[2a + 10d] = 176 and 21/2[2a + 20d] = 546. Solving these equations, we get a = 8 and d = 2. Sum of 31 terms = 31/2[2(8) + 30(2)] = 31/2[16 + 60] = 31/2[76] = 1178.", subject: "quants", }, { id: "quant-10", text: "A can do a piece of work in 10 days and B can do it in 15 days. They work together for 5 days, after which A leaves. How many more days will B take to complete the remaining work?", options: ["3 days", "4 days", "5 days", "6 days"], correctAnswer: 1, explanation: "A's 1 day work = 1/10, B's 1 day work = 1/15. In 5 days, they complete (1/10 + 1/15) × 5 = (3+2)/30 × 5 = 5/6 of the work. Remaining work = 1 - 5/6 = 1/6. B will take (1/6) ÷ (1/15) = 1/6 × 15 = 2.5 days to complete it.", subject: "quants", }, // Continue with more Quants questions to reach 30 total ] // Combine all questions export const allQuestions: Question[] = [...englishQuestions, ...reasoningQuestions, ...quantsQuestions] // Function to get questions by subject export function getQuestionsBySubject(subject: "english" | "reasoning" | "quants"): Question[] { return allQuestions.filter((q) => q.subject === subject) } // Function to shuffle array (Fisher-Yates algorithm) export function shuffleArray(array: T[]): T[] { const newArray = [...array] for (let i = newArray.length - 1; i > 0; i--) { const j = Math.floor(Math.random() * (i + 1)) ;[newArray[i], newArray[j]] = [newArray[j], newArray[i]] } return newArray } // Function to get random order of subjects export function getRandomSubjectOrder(): ("english" | "reasoning" | "quants")[] { return shuffleArray(["english", "reasoning", "quants"]) } [V0_FILE]typescriptreact:file="app/test/exam/page.tsx" isEdit="true" isMerged="true" "use client" import { useState, useEffect, useRef } from "react" import { useRouter } from "next/navigation" import { Button } from "@/components/ui/button" import { Card, CardContent } from "@/components/ui/card" import { Progress } from "@/components/ui/progress" import { englishQuestions, reasoningQuestions, quantsQuestions, shuffleArray, type Question } from "@/lib/test-data" import { Clock, CheckCircle, HelpCircle, ChevronLeft, ChevronRight } from "lucide-react" type AnswerState = { [questionId: string]: { selectedOption: number | null isMarkedForReview: boolean timeSpent: number startTime: number } } type SubjectState = { name: "english" | "reasoning" | "quants" questions: Question[] currentQuestionIndex: number completed: boolean } export default function TestExam() { const router = useRouter() const [subjectOrder, setSubjectOrder] = useState<("english" | "reasoning" | "quants")[]>([]) const [currentSubjectIndex, setCurrentSubjectIndex] = useState(0) const [subjects, setSubjects] = useState([]) const [answers, setAnswers] = useState({}) const [remainingTime, setRemainingTime] = useState(60 * 60) // 60 minutes in seconds const [subjectRemainingTime, setSubjectRemainingTime] = useState(30 * 60) // 30 minutes in seconds const [testStarted, setTestStarted] = useState(false) const [testCompleted, setTestCompleted] = useState(false) const [isLoading, setIsLoading] = useState(true) const [error, setError] = useState(null) const timerRef = useRef(null) const questionTimerRef = useRef(null) // Function to get questions by subject const getQuestionsBySubject = (subject: "english" | "reasoning" | "quants"): Question[] => { switch (subject) { case "english": return [...englishQuestions] case "reasoning": return [...reasoningQuestions] case "quants": return [...quantsQuestions] default: return [] } } // Function to get random order of subjects const getRandomSubjectOrder = (): ("english" | "reasoning" | "quants")[] => { return shuffleArray(["english", "reasoning", "quants"]) } // Initialize test data useEffect(() => { try { console.log("Initializing test data...") // Get random subject order const order = getRandomSubjectOrder() console.log("Subject order:", order) setSubjectOrder(order) // Initialize subjects with questions const initialSubjects = order.map((subjectName) => { console.log(`Getting questions for ${subjectName}...`) const questions = shuffleArray(getQuestionsBySubject(subjectName)) console.log(`Got ${questions.length} questions for ${subjectName}`) return { name: subjectName, questions, currentQuestionIndex: 0, completed: false, } }) console.log("Setting subjects...") setSubjects(initialSubjects) // Initialize answer state for all questions console.log("Initializing answers...") const initialAnswers: AnswerState = {} initialSubjects.forEach((subject) => { subject.questions.forEach((question) => { initialAnswers[question.id] = { selectedOption: null, isMarkedForReview: false, timeSpent: 0, startTime: Date.now(), } }) }) setAnswers(initialAnswers) setTestStarted(true) setIsLoading(false) console.log("Test initialized successfully!") } catch (err) { console.error("Error initializing test:", err) setError(err instanceof Error ? err.message : "An unknown error occurred") setIsLoading(false) } return () => { if (timerRef.current) clearInterval(timerRef.current) if (questionTimerRef.current) clearInterval(questionTimerRef.current) } }, []) // Set up timers useEffect(() => { if (testStarted && !testCompleted && !isLoading) { console.log("Setting up timers..."); // Main test timer timerRef.current = setInterval(() => { setRemainingTime((prev) => { if (prev <= 1) { clearInterval(timerRef.current!); endTest(); return 0; } return prev - 1; }); // Subject timer setSubjectRemainingTime((prev) => { if (prev <= 1) { // Move to next subject when time is up if (currentSubjectIndex < subjects.length - 1) { moveToNextSubject(); return 30 * 60; // Reset to 30 minutes } else { endTest(); return 0; } } return prev - 1; }); }, 1000); // Question timer questionTimerRef.current = setInterval(() => { if (subjects.length > 0 && currentSubjectIndex < subjects.length) { const currentSubject = subjects[currentSubjectIndex]; if (currentSubject && currentSubject.questions.length > 0) { const currentQuestion = currentSubject.questions[currentSubject.currentQuestionIndex]; if (currentQuestion && answers[currentQuestion.id]) { setAnswers((prev) => ({ ...prev, [currentQuestion.id]: { ...prev[currentQuestion.id], timeSpent: Math.floor((Date.now() - prev[currentQuestion.id].startTime) / 1000), }, })); } } } / 1000), }, })); } } } }, 1000) } return () => { if (timerRef.current) clearInterval(timerRef.current); if (questionTimerRef.current) clearInterval(questionTimerRef.current); }; }, [testStarted, testCompleted, currentSubjectIndex, subjects, isLoading]) // Get current subject and question const currentSubject = subjects[currentSubjectIndex] || { name: "english", questions: [], currentQuestionIndex: 0, completed: false, } const currentQuestion = currentSubject.questions && currentSubject.questions.length > 0 ? currentSubject.questions[currentSubject.currentQuestionIndex] : null const currentAnswer = currentQuestion && answers[currentQuestion.id] ? answers[currentQuestion.id] : null // Format time as MM:SS const formatTime = (seconds: number) => { const mins = Math.floor(seconds / 60) const secs = seconds % 60 return `${mins.toString().padStart(2, "0")}:${secs.toString().padStart(2, "0")}` } // Handle option selection const handleOptionSelect = (optionIndex: number) => { if (!currentQuestion) return setAnswers((prev) => ({ ...prev, [currentQuestion.id]: { ...prev[currentQuestion.id], selectedOption: optionIndex, }, })) } // Mark question for review const toggleMarkForReview = () => { if (!currentQuestion) return setAnswers((prev) => ({ ...prev, [currentQuestion.id]: { ...prev[currentQuestion.id], isMarkedForReview: !prev[currentQuestion.id].isMarkedForReview, }, })) } // Navigate to next question const goToNextQuestion = () => { if (!currentSubject || !currentQuestion) return // Update time spent on current question const timeSpent = Math.floor((Date.now() - answers[currentQuestion.id].startTime) / 1000) setAnswers((prev) => ({ ...prev, [currentQuestion.id]: { ...prev[currentQuestion.id], timeSpent, }, })) // If this is the last question in the subject if (currentSubject.currentQuestionIndex >= currentSubject.questions.length - 1) { // If this is the last subject, end the test if (currentSubjectIndex >= subjects.length - 1) { endTest() } else { // Otherwise, move to the next subject moveToNextSubject() } } else { // Move to the next question in the current subject setSubjects((prev) => { const newSubjects = [...prev] newSubjects[currentSubjectIndex].currentQuestionIndex += 1 // Reset start time for the next question const nextQuestion = newSubjects[currentSubjectIndex].questions[newSubjects[currentSubjectIndex].currentQuestionIndex] if (nextQuestion) { setAnswers((prevAnswers) => ({ ...prevAnswers, [nextQuestion.id]: { ...prevAnswers[nextQuestion.id], startTime: Date.now(), }, })) } return newSubjects }) } } // Navigate to previous question const goToPreviousQuestion = () => { if (!currentSubject || currentSubject.currentQuestionIndex <= 0 || !currentQuestion) return // Update time spent on current question const timeSpent = Math.floor((Date.now() - answers[currentQuestion.id].startTime) / 1000) setAnswers((prev) => ({ ...prev, [currentQuestion.id]: { ...prev[currentQuestion.id], timeSpent, }, })) setSubjects((prev) => { const newSubjects = [...prev] newSubjects[currentSubjectIndex].currentQuestionIndex -= 1 // Reset start time for the previous question const prevQuestion = newSubjects[currentSubjectIndex].questions[newSubjects[currentSubjectIndex].currentQuestionIndex] if (prevQuestion) { setAnswers((prevAnswers) => ({ ...prevAnswers, [prevQuestion.id]: { ...prevAnswers[prevQuestion.id], startTime: Date.now(), }, })) } return newSubjects }) } // Move to next subject const moveToNextSubject = () => { // Mark current subject as completed setSubjects((prev) => { const newSubjects = [...prev] newSubjects[currentSubjectIndex].completed = true return newSubjects }) // Move to next subject setCurrentSubjectIndex((prev) => prev + 1) // Reset subject timer setSubjectRemainingTime(30 * 60) } // End the test const endTest = () => { if (timerRef.current) clearInterval(timerRef.current) if (questionTimerRef.current) clearInterval(questionTimerRef.current) setTestCompleted(true) // Save test results to localStorage const testResults = { answers, subjects, subjectOrder, completedAt: new Date().toISOString(), } localStorage.setItem("testResults", JSON.stringify(testResults)) // Redirect to results page router.push("/test/results") } // Calculate progress percentage const calculateProgress = () => { if (!currentSubject || !currentSubject.questions || currentSubject.questions.length === 0) return 0 return ((currentSubject.currentQuestionIndex + 1) / currentSubject.questions.length) * 100 } // Get question status class const getQuestionStatusClass = (questionId: string) => { const answer = answers[questionId] if (!answer) return "bg-gray-200" if (answer.isMarkedForReview) return "bg-yellow-400" if (answer.selectedOption !== null) return "bg-green-500" return "bg-gray-200" } // Render question palette const renderQuestionPalette = () => { if (!currentSubject || !currentSubject.questions || currentSubject.questions.length === 0) return null return (

{currentSubject.questions.map((question, index) => ( ))}

) } if (isLoading) { return (

Loading Test...

); } if (error) { return (

Error Starting Test

{error}

There was a problem starting the test. Please try again.

); } if (!testStarted || !currentQuestion) { return (

Test Initialization Error

There was a problem starting the test. Please try again.

); } return (

SBI PO Mock Test

{currentSubject.name.charAt(0).toUpperCase() + currentSubject.name.slice(1)}

Test: {formatTime(remainingTime)}

Section: {formatTime(subjectRemainingTime)}

{/* Question and options */}

{currentSubject.currentQuestionIndex + 1} of {currentSubject.questions.length}

Time spent: {formatTime(currentAnswer?.timeSpent || 0)}

{currentQuestion.text}

{currentQuestion.options.map((option, index) => (

handleOptionSelect(index)} >

{String.fromCharCode(65 + index)}

{option}

))}

{renderQuestionPalette()}

{/* Question status sidebar */}

Question Status

Not Visited

Answered

Marked for Review

Section Summary

{subjects.map((subject, index) => { // Count answered questions const answeredCount = subject.questions.filter( (q) => answers[q.id]?.selectedOption !== null, ).length; // Count marked for review const markedCount = subject.questions.filter((q) => answers[q.id]?.isMarkedForReview).length; return (

{subject.name.charAt(0).toUpperCase() + subject.name.slice(1)} {subject.completed && }

Answered: {answeredCount}/{subject.questions.length}

Marked: {markedCount}

); })}

); } [V0_FILE]typescriptreact:file="app/test/results/page.tsx" isEdit="true" isQuickEdit="true" isMerged="true" "use client" import { useState, useEffect } from "react" import Link from "next/link" import { Button } from "@/components/ui/button" import { Card, CardContent, CardHeader, CardTitle } from "@/components/ui/card" import { Tabs, TabsContent, TabsList, TabsTrigger } from "@/components/ui/tabs" import { Progress } from "@/components/ui/progress" import { BarChart, Bar, XAxis, YAxis, CartesianGrid, Tooltip, Legend, ResponsiveContainer, PieChart, Pie, Cell, } from "recharts" import { Download, Home, Clock, CheckCircle, XCircle, HelpCircle } from "lucide-react" import type { Question } from "@/lib/test-data" type TestResults = { answers: { [questionId: string]: { selectedOption: number | null isMarkedForReview: boolean timeSpent: number startTime: number } } subjects: { name: "english" | "reasoning" | "quants" questions: Question[] currentQuestionIndex: number completed: boolean }[] subjectOrder: ("english" | "reasoning" | "quants")[] completedAt: string } const COLORS = ["#4f46e5", "#10b981", "#f59e0b", "#ef4444"] export default function TestResults() { const [results, setResults] = useState(null) const [loading, setLoading] = useState(true) const [activeTab, setActiveTab] = useState("overview") useEffect(() => { // Load test results from localStorage const storedResults = localStorage.getItem("testResults") if (storedResults) { try { const parsedResults = JSON.parse(storedResults) setResults(parsedResults) } catch (error) { console.error("Failed to parse test results:", error) } } setLoading(false) }, []) // Calculate overall score const calculateScore = () => { if (!results) return { totalMarks: 0, obtainedMarks: 0, percentage: 0 } let totalMarks = 0 let obtainedMarks = 0 results.subjects.forEach((subject) => { subject.questions.forEach((question) => { const answer = results.answers[question.id] totalMarks += 1 if (answer.selectedOption !== null) { if (answer.selectedOption === question.correctAnswer) { obtainedMarks += 1 } else { obtainedMarks -= 0.25 // Negative marking } } }) }) return { totalMarks, obtainedMarks: Math.max(0, obtainedMarks), // Ensure score doesn't go below 0 percentage: (obtainedMarks / totalMarks) * 100, } } // Calculate subject-wise scores const calculateSubjectScores = () => { if (!results) return [] return results.subjects.map((subject) => { const totalMarks = subject.questions.length let obtainedMarks = 0 let correct = 0 let incorrect = 0 let unattempted = 0 let totalTimeSpent = 0 subject.questions.forEach((question) => { const answer = results.answers[question.id] totalTimeSpent += answer.timeSpent if (answer.selectedOption !== null) { if (answer.selectedOption === question.correctAnswer) { obtainedMarks += 1 correct += 1 } else { obtainedMarks -= 0.25 // Negative marking incorrect += 1 } } else { unattempted += 1 } }) return { subject: subject.name, totalMarks, obtainedMarks: Math.max(0, obtainedMarks), // Ensure score doesn't go below 0 percentage: (Math.max(0, obtainedMarks) / totalMarks) * 100, correct, incorrect, unattempted, totalTimeSpent, avgTimePerQuestion: totalTimeSpent / totalMarks, } }) } // Get question details with answers const getQuestionDetails = () => { if (!results) return [] const allQuestionDetails: any[] = [] results.subjects.forEach((subject) => { subject.questions.forEach((question) => { const answer = results.answers[question.id] const isCorrect = answer.selectedOption !== null && answer.selectedOption === question.correctAnswer const isAttempted = answer.selectedOption !== null allQuestionDetails.push({ id: question.id, subject: subject.name, text: question.text, options: question.options, correctAnswer: question.correctAnswer, selectedOption: answer.selectedOption, isCorrect, isAttempted, timeSpent: answer.timeSpent, explanation: question.explanation, }) }) }) return allQuestionDetails } // Generate time analysis data const generateTimeAnalysisData = () => { if (!results) return [] const timeRanges = [ { name: "0-15s", range: [0, 15], count: 0 }, { name: "16-30s", range: [16, 30], count: 0 }, { name: "31-60s", range: [31, 60], count: 0 }, { name: "61-90s", range: [61, 90], count: 0 }, { name: "91-120s", range: [91, 120], count: 0 }, { name: ">120s", range: [121, Number.POSITIVE_INFINITY], count: 0 }, ] Object.values(results.answers).forEach((answer) => { const timeSpent = answer.timeSpent const range = timeRanges.find((r) => timeSpent >= r.range[0] && timeSpent <= r.range[1]) if (range) range.count += 1 }) return timeRanges } // Download report as PDF const downloadReport = () => { // In a real implementation, this would generate a PDF // For now, we'll just create a text file with the results const score = calculateScore() const subjectScores = calculateSubjectScores() let reportText = "SBI PO MOCK TEST RESULTS\n\n" reportText += `Date: ${new Date().toLocaleDateString()}\n\n` reportText += `OVERALL SCORE: ${score.obtainedMarks.toFixed(2)}/${score.totalMarks} (${score.percentage.toFixed(2)}%)\n\n` reportText += "SUBJECT-WISE PERFORMANCE:\n" subjectScores.forEach((subject) => { reportText += `${subject.subject.toUpperCase()}: ${subject.obtainedMarks.toFixed(2)}/${subject.totalMarks} (${subject.percentage.toFixed(2)}%)\n` reportText += `Correct: ${subject.correct}, Incorrect: ${subject.incorrect}, Unattempted: ${subject.unattempted}\n` reportText += `Average Time per Question: ${subject.avgTimePerQuestion.toFixed(2)} seconds\n\n` }) const blob = new Blob([reportText], { type: "text/plain" }) const url = URL.createObjectURL(blob) const a = document.createElement("a") a.href = url a.download = "sbi-po-mock-test-results.txt" document.body.appendChild(a) a.click() document.body.removeChild(a) URL.revokeObjectURL(url) } if (loading) { return (

Loading Results...

) } if (!results) { return (

No Test Results Found

You haven't completed any tests yet.

) } const score = calculateScore() const subjectScores = calculateSubjectScores() const questionDetails = getQuestionDetails() const timeAnalysisData = generateTimeAnalysisData() // Prepare data for charts const subjectChartData = subjectScores.map((subject) => ({ name: subject.subject.charAt(0).toUpperCase() + subject.subject.slice(1), score: subject.percentage, })) const attemptPieData = [ { name: "Correct", value: questionDetails.filter((q) => q.isCorrect).length }, { name: "Incorrect", value: questionDetails.filter((q) => q.isAttempted && !q.isCorrect).length }, { name: "Unattempted", value: questionDetails.filter((q) => !q.isAttempted).length }, ] return (

Test Results

Overall Performance

{score.obtainedMarks.toFixed(2)}/{score.totalMarks}

Total Score

{score.percentage.toFixed(2)}%

Percentage

{score.percentage >= 40 ? "Pass" : "Fail"}

Result

Overview Subject Analysis Time Analysis Question Review

Subject Performance

Attempt Analysis

`${name}: ${(percent * 100).toFixed(0)}%`} > {attemptPieData.map((entry, index) => ( ))}

Correct

Incorrect

Unattempted

Subject-wise Summary

{subjectScores.map((subject, index) => ( ))}

Subject	Total Questions	Correct	Incorrect	Unattempted	Score	Percentage
{subject.subject.charAt(0).toUpperCase() + subject.subject.slice(1)}	{subject.totalMarks}	{subject.correct}	{subject.incorrect}	{subject.unattempted}	{subject.obtainedMarks.toFixed(2)}/{subject.totalMarks}	{subject.percentage.toFixed(2)}%

{subjectScores.map((subject, index) => { const subjectQuestions = questionDetails.filter((q) => q.subject === subject.subject) const correctCount = subjectQuestions.filter((q) => q.isCorrect).length const incorrectCount = subjectQuestions.filter((q) => q.isAttempted && !q.isCorrect).length const unattemptedCount = subjectQuestions.filter((q) => !q.isAttempted).length const pieData = [ { name: "Correct", value: correctCount }, { name: "Incorrect", value: incorrectCount }, { name: "Unattempted", value: unattemptedCount }, ] return ( {subject.subject.charAt(0).toUpperCase() + subject.subject.slice(1)} Analysis

`${name}: ${(percent * 100).toFixed(0)}%`} > {pieData.map((entry, index) => ( ))}

Score

{subject.obtainedMarks.toFixed(2)}/{subject.totalMarks} ({subject.percentage.toFixed(2)}%)

Average Time per Question

{subject.avgTimePerQuestion.toFixed(2)}s

Accuracy

{correctCount > 0 ? ((correctCount / (correctCount + incorrectCount)) * 100).toFixed(2) : 0} %

Attempt Rate

{(((correctCount + incorrectCount) / subject.totalMarks) * 100).toFixed(2)}%

Question-wise Analysis

{subjectQuestions.map((question, qIndex) => ( ))}

Q.No	Question	Status	Time Spent
{qIndex + 1}	{question.text.length > 50 ? question.text.substring(0, 50) + "..." : question.text}	{question.isCorrect ? ( Correct ) : question.isAttempted ? ( Incorrect ) : ( Unattempted )}	{question.timeSpent}s

) })} Time Distribution

Time Analysis by Subject

{subjectScores.map((subject, index) => { const subjectQuestions = questionDetails.filter((q) => q.subject === subject.subject) const fastestTime = Math.min(...subjectQuestions.map((q) => q.timeSpent)) const slowestTime = Math.max(...subjectQuestions.map((q) => q.timeSpent)) return ( ) })}

Subject	Total Time (s)	Avg. Time per Question (s)	Fastest Question (s)	Slowest Question (s)
{subject.subject.charAt(0).toUpperCase() + subject.subject.slice(1)}	{subject.totalTimeSpent}	{subject.avgTimePerQuestion.toFixed(2)}	{fastestTime}	{slowestTime}

Questions Taking Longest Time

{questionDetails .sort((a, b) => b.timeSpent - a.timeSpent) .slice(0, 10) .map((question, index) => ( ))}

Subject	Question	Time Spent (s)	Status
{question.subject.charAt(0).toUpperCase() + question.subject.slice(1)}	{question.text.length > 50 ? question.text.substring(0, 50) + "..." : question.text}	{question.timeSpent}	{question.isCorrect ? ( Correct ) : question.isAttempted ? ( Incorrect ) : ( Unattempted )}

Question Review

{questionDetails.map((question, index) => (

{index + 1}

{question.subject.charAt(0).toUpperCase() + question.subject.slice(1)}

{question.text}

{question.options.map((option, optIndex) => (

{String.fromCharCode(65 + optIndex)}

{option}

{question.correctAnswer === optIndex && ( )}

))}

Explanation:

{question.explanation}

Time spent: {question.timeSpent}s

{question.isCorrect ? ( Correct ) : question.isAttempted ? ( Incorrect ) : ( Unattempted )}

))}

) } [V0_FILE]typescriptreact:file="app/layout.tsx" isMerged="true" import type React from "react" import type { Metadata } from "next" import { Inter } from "next/font/google" import "./globals.css" import { ThemeProvider } from "@/components/theme-provider" const inter = Inter({ subsets: ["latin"] }) export const metadata: Metadata = { title: "SBI PO Mock Test Platform", description: "Practice for your SBI PO exam with our comprehensive mock tests", } export default function RootLayout({ children, }: Readonly<{ children: React.ReactNode }>) { return ( {children} ) } [V0_FILE]typescriptreact:file="tailwind.config.ts" isMerged="true" import type { Config } from "tailwindcss" const config = { darkMode: ["class"], content: [ "./pages/**/*.{ts,tsx}", "./components/**/*.{ts,tsx}", "./app/**/*.{ts,tsx}", "./src/**/*.{ts,tsx}", "*.{js,ts,jsx,tsx,mdx}", ], prefix: "", theme: { container: { center: true, padding: "2rem", screens: { "2xl": "1400px", }, }, extend: { colors: { border: "hsl(var(--border))", input: "hsl(var(--input))", ring: "hsl(var(--ring))", background: "hsl(var(--background))", foreground: "hsl(var(--foreground))", primary: { DEFAULT: "hsl(var(--primary))", foreground: "hsl(var(--primary-foreground))", }, secondary: { DEFAULT: "hsl(var(--secondary))", foreground: "hsl(var(--secondary-foreground))", }, destructive: { DEFAULT: "hsl(var(--destructive))", foreground: "hsl(var(--destructive-foreground))", }, muted: { DEFAULT: "hsl(var(--muted))", foreground: "hsl(var(--muted-foreground))", }, accent: { DEFAULT: "hsl(var(--accent))", foreground: "hsl(var(--accent-foreground))", }, popover: { DEFAULT: "hsl(var(--popover))", foreground: "hsl(var(--popover-foreground))", }, card: { DEFAULT: "hsl(var(--card))", foreground: "hsl(var(--card-foreground))", }, }, borderRadius: { lg: "var(--radius)", md: "calc(var(--radius) - 2px)", sm: "calc(var(--radius) - 4px)", }, keyframes: { "accordion-down": { from: { height: "0" }, to: { height: "var(--radix-accordion-content-height)" }, }, "accordion-up": { from: { height: "var(--radix-accordion-content-height)" }, to: { height: "0" }, }, }, animation: { "accordion-down": "accordion-down 0.2s ease-out", "accordion-up": "accordion-up 0.2s ease-out", }, }, }, plugins: [require("tailwindcss-animate")], } satisfies Config export default config [V0_FILE]typescriptreact:file="app/page.tsx" isEdit="true" import Link from "next/link" import Image from "next/image" import { Button } from "@/components/ui/button" import { Input } from "@/components/ui/input" import { Search } from "lucide-react" import { ExamCategoryCarousel } from "@/components/exam-category-carousel" import { StatCard } from "@/components/stat-card" import { PopularExams } from "@/components/popular-exams" import { FeaturedCourse } from "@/components/featured-course" import { AppDownload } from "@/components/app-download" export default function Home() { return (

{/* Navigation Bar */}

Exams

SSC Exams Banking Exams Railways Exams

SuperCoaching Test Series Skill Academy

Pass

Monthly Pass Yearly Pass

Blog About Us Contact Us

{/* Hero Banner */} {/* Main Content */}

One Destination for Complete Exam Preparation

Learn

Practice

Improve

Succeed

{/* Stats Section */}

{/* Popular Exams Section */}

Popular Exams

Get exam-ready with concepts, questions and study notes as per the latest pattern

{/* Footer */}

) } [V0_FILE]typescriptreact:file="app/loading.tsx" isFixed="true" export default function Loading() { return null } [V0_FILE]typescriptreact:file="components/featured-course.tsx" "use client" import { useState, useEffect } from "react" import Image from "next/image" import { Button } from "@/components/ui/button" import { ChevronLeft, ChevronRight } from "lucide-react" const featuredCourses = [ { id: 1, title: "RRB JE CBT-2 Selection KIT", subtitle: "SuperCoaching", features: [ "2000+ CTQs", "1:1 Mentorship", "Faculty Guidance Session", "Test Series RRB JE", "Full Syllabus VOD", "Formula Handbook", "AE/JE PYPs", "Exam Tips from SSC JE 2024 Rankers", "Hand-Written Toppers Short Notes", ], image: "/placeholder.svg?height=300&width=400", bgColor: "bg-yellow-100", }, { id: 2, title: "SSC CGL Complete Course", subtitle: "SuperCoaching", features: [ "3000+ Practice Questions", "Live Classes", "Mock Tests", "Previous Year Papers", "Doubt Resolution", "Performance Analytics", "Study Material", "Expert Faculty", "Mobile App Access", ], image: "/placeholder.svg?height=300&width=400", bgColor: "bg-blue-100", }, { id: 3, title: "IBPS PO Master Course", subtitle: "SuperCoaching", features: [ "Complete Banking Awareness", "Daily Current Affairs", "Sectional Tests", "Full-length Mocks", "Interview Preparation", "Personalized Study Plan", "24/7 Doubt Support", "Success Strategies", "Shortcut Techniques", ], image: "/placeholder.svg?height=300&width=400", bgColor: "bg-green-100", }, ] export function FeaturedCourse() { const [currentSlide, setCurrentSlide] = useState(0) const nextSlide = () => { setCurrentSlide((prev) => (prev === featuredCourses.length - 1 ? 0 : prev + 1)) } const prevSlide = () => { setCurrentSlide((prev) => (prev === 0 ? featuredCourses.length - 1 : prev - 1)) } useEffect(() => { const interval = setInterval(() => { nextSlide() }, 8000) return () => clearInterval(interval) }, []) const course = featuredCourses[currentSlide] return (

{course.subtitle}

{course.title}

{course.features.map((feature, index) => (

{feature}

))}

) } [V0_FILE]typescriptreact:file="components/stat-card.tsx" import { Users, Award, FileText, Video, CheckCircle, Clock, BookOpen, BarChart2 } from "lucide-react" type StatCardProps = { icon: string title: string value: string bgColor: string iconColor: string } export function StatCard({ icon, title, value, bgColor, iconColor }: StatCardProps) { const getIcon = () => { switch (icon) { case "users": return case "award": return case "file-text": return case "video": return

Test Pattern

Time Allocation

Navigation

Test Analysis

Loading Test...

Error Starting Test

Test Initialization Error

{currentQuestion.text}

Question Status

Section Summary

Loading Results...

No Test Results Found

Question-wise Analysis

Time Analysis by Subject

One Destination for Complete Exam Preparation

Popular Exams

{course.subtitle}

{course.title}

{title}

{exam.category}

Loading Test...

Error

Test Not Found

{testData.title} - Instructions

Test Pattern

Time Allocation

Navigation

Test Analysis

{currentQuestion.text}

Question Palette

Sections

Question Status

Loading Results...

Results Not Found

Question-wise Analysis

Time Analysis by Section

Admin Dashboard

24,532

1,245,890

156

₹45,78,900

Test Management

User Management

Create New Test

About

Tags

Share

About

Tags

Share

More Templates Like This

About

Tags

Share

About

Tags

Share

More Templates Like This