[V0_FILE]typescriptreact:file="components/quiz.tsx" isMerged="true" "use client" import { useState } from "react" import { Button } from "@/components/ui/button" import { Card, CardContent, CardDescription, CardFooter, CardHeader, CardTitle } from "@/components/ui/card" import { RadioGroup, RadioGroupItem } from "@/components/ui/radio-group" import { Label } from "@/components/ui/label" import { CheckCircle, XCircle } from "lucide-react" // Quiz questions data const questions = [ { id: 1, question: "What is the capital of France?", options: ["London", "Berlin", "Paris", "Madrid"], correctAnswer: "Paris", }, { id: 2, question: "Which planet is known as the Red Planet?", options: ["Venus", "Mars", "Jupiter", "Saturn"], correctAnswer: "Mars", }, { id: 3, question: "What is the largest ocean on Earth?", options: ["Atlantic Ocean", "Indian Ocean", "Arctic Ocean", "Pacific Ocean"], correctAnswer: "Pacific Ocean", }, { id: 4, question: "Who wrote 'Romeo and Juliet'?", options: ["Charles Dickens", "William Shakespeare", "Jane Austen", "Mark Twain"], correctAnswer: "William Shakespeare", }, { id: 5, question: "What is the chemical symbol for gold?", options: ["Go", "Gd", "Au", "Ag"], correctAnswer: "Au", }, ] export default function Quiz() { const [currentQuestion, setCurrentQuestion] = useState(0) const [selectedAnswer, setSelectedAnswer] = useState("") const [isAnswerSubmitted, setIsAnswerSubmitted] = useState(false) const [score, setScore] = useState(0) const [quizCompleted, setQuizCompleted] = useState(false) const handleAnswerChange = (value: string) => { if (!isAnswerSubmitted) { setSelectedAnswer(value) } } const handleSubmitAnswer = () => { setIsAnswerSubmitted(true) if (selectedAnswer === questions[currentQuestion].correctAnswer) { setScore(score + 1) } } const handleNextQuestion = () => { if (currentQuestion < questions.length - 1) { setCurrentQuestion(currentQuestion + 1) setSelectedAnswer("") setIsAnswerSubmitted(false) } else { setQuizCompleted(true) } } const handleRestartQuiz = () => { setCurrentQuestion(0) setSelectedAnswer("") setIsAnswerSubmitted(false) setScore(0) setQuizCompleted(false) } if (quizCompleted) { return ( Quiz Completed! You scored {score} out of {questions.length}

{Math.round((score / questions.length) * 100)}%

{score === questions.length ? "Perfect score! Excellent job!" : score >= questions.length / 2 ? "Good job! You passed the quiz." : "Keep practicing to improve your score."}

) } const currentQuizQuestion = questions[currentQuestion] return ( Question {currentQuestion + 1} of {questions.length} Score: {score} / {questions.length}

{currentQuizQuestion.question}

{currentQuizQuestion.options.map((option) => { const isCorrect = isAnswerSubmitted && option === currentQuizQuestion.correctAnswer const isIncorrect = isAnswerSubmitted && selectedAnswer === option && option !== currentQuizQuestion.correctAnswer return (

{option} {isCorrect && } {isIncorrect && }

) })}

{!isAnswerSubmitted ? ( ) : ( )} ) } [V0_FILE]typescriptreact:file="app/page.tsx" isEdit="true" import Link from "next/link" import QuizComponent from "@/components/quiz-component" export default function Home() { return (

Ver Explicação

English Grammar Quiz

English grammar is the set of structural rules that govern the composition of clauses, phrases, and words in the English language. Understanding grammar is essential for effective communication in both written and spoken English.

Grammar includes tenses, which indicate when an action takes place; parts of speech such as nouns, verbs, adjectives, and adverbs; and sentence structure, which determines how these elements are arranged to form meaningful communication.

Mastering English grammar helps you express your thoughts clearly and precisely. It enables you to construct sentences that convey exactly what you mean and helps you avoid misunderstandings. Whether you're writing an email, preparing a presentation, or having a conversation, good grammar is the foundation of effective communication.

This quiz will test your knowledge of basic English grammar concepts, including verb tenses, sentence structure, and common grammatical rules. Good luck!

Multiple Choice Activity

) } [V0_FILE]typescriptreact:file="app/explanation/page.tsx" import Link from "next/link" export default function Explanation() { return (

Guia Rápido: Tempos Verbais em Inglês

1. Simple Present (Presente Simples)

Usado para ações habituais, verdades universais e rotinas.

Regras: Acrescenta-se -s ou -es em verbos na terceira pessoa (he, she, it).

Afirmação: She lives in London. (Ela mora em Londres.)

Negação: He doesn't play soccer. (Ele não joga futebol.)

Interrogativa: Do you like pizza? (Você gosta de pizza?)

2. Present Continuous (Presente Contínuo)

Usado para ações que estão acontecendo agora ou em andamento.

Estrutura: Sujeito + verbo to be (am/is/are) + verbo com{" "} -ing.

Afirmação: They are studying for the test. (Eles estão estudando para a prova.)

Negação: I am not working today. (Eu não estou trabalhando hoje.)

Interrogativa: Are you listening to music? (Você está ouvindo música?)

3. Simple Past (Passado Simples)

Usado para ações concluídas no passado.

Regras: Verbos regulares: acrescenta-se -ed. Verbos irregulares: forma específica.

Afirmação: She visited Paris last year. (Ela visitou Paris ano passado.)

Negação: They didn't go to the party. (Eles não foram à festa.)

Interrogativa: Did you watch the movie? (Você assistiu ao filme?)

4. Present Perfect (Presente Perfeito)

Usado para ações que começaram no passado e têm relevância no presente.

Estrutura: Sujeito + have/has + particípio passado do verbo.

Afirmação: I have lived here for 10 years. (Eu moro aqui há 10 anos.)

Negação: She hasn't finished her homework. (Ela não terminou a lição de casa.)

Interrogativa: Have you ever visited Brazil? (Você já visitou o Brasil?)

5. Imperativo

Usado para dar ordens, instruções, conselhos ou pedidos.

Forma: Usa-se o verbo no infinitivo sem "to". Para negativa, usa-se "Don't" antes do verbo.

Afirmação: Close the door, please. (Feche a porta, por favor.)

Negação: Don't touch that! (Não toque nisso!)

Interrogativa: Podemos usar frases como: Shall we go? (Vamos?)

Ir para o QUIZ

) } [V0_FILE]typescriptreact:file="components/quiz-component.tsx" "use client" import { useState } from "react" export default function QuizComponent() { const questions = [ { id: 1, question: "Which tense is used for habitual actions and universal truths?", options: [ { value: "present-continuous", text: "Present Continuous" }, { value: "simple-present", text: "Simple Present" }, { value: "present-perfect", text: "Present Perfect" }, { value: "past-simple", text: "Past Simple" }, ], correctAnswer: "simple-present", }, { id: 2, question: "What is the correct structure for Present Continuous?", options: [ { value: "subject-verb", text: "Subject + Verb" }, { value: "subject-have-verb", text: "Subject + Have/Has + Verb" }, { value: "subject-be-verbing", text: "Subject + Be (am/is/are) + Verb-ing" }, { value: "subject-did-verb", text: "Subject + Did + Verb" }, ], correctAnswer: "subject-be-verbing", }, { id: 3, question: "Which sentence uses the Simple Past correctly?", options: [ { value: "i-have-gone", text: "I have gone to the store yesterday." }, { value: "i-went", text: "I went to the store yesterday." }, { value: "i-am-going", text: "I am going to the store yesterday." }, { value: "i-go", text: "I go to the store yesterday." }, ], correctAnswer: "i-went", }, { id: 4, question: "How do you form a negative sentence in Simple Present with 'he'?", options: [ { value: "he-not-play", text: "He not play soccer." }, { value: "he-dont-play", text: "He dont play soccer." }, { value: "he-doesnt-play", text: "He doesn't play soccer." }, { value: "he-didnt-play", text: "He didn't play soccer." }, ], correctAnswer: "he-doesnt-play", }, { id: 5, question: "Which form is used to give orders or instructions?", options: [ { value: "imperative", text: "Imperative" }, { value: "indicative", text: "Indicative" }, { value: "subjunctive", text: "Subjunctive" }, { value: "conditional", text: "Conditional" }, ], correctAnswer: "imperative", }, ] const [answers, setAnswers] = useState>({}) const [results, setResults] = useState([]) const [score, setScore] = useState(null) const [showRetry, setShowRetry] = useState(false) const handleAnswerChange = (questionId: number, value: string) => { setAnswers((prev) => ({ ...prev, [`q${questionId}`]: value, })) } const checkAnswers = () => { const newResults: string[] = [] let totalCorrect = 0 const totalQuestions = questions.length questions.forEach((question) => { const questionKey = `q${question.id}` const userAnswer = answers[questionKey] if (!userAnswer) { newResults.push(`

Question ${question.id}: No answer selected.

`) return } if (userAnswer === question.correctAnswer) { newResults.push(`

Question ${question.id}: Correct!

`) totalCorrect++ } else { const correctOptionText = question.options.find((opt) => opt.value === question.correctAnswer)?.text newResults.push( `

Question ${question.id}: Incorrect. Correct answer: "${correctOptionText}"

`, ) } }) setResults(newResults) setScore(totalCorrect) setShowRetry(true) } const resetQuiz = () => { setAnswers({}) setResults([]) setScore(null) setShowRetry(false) } const progress = score !== null ? Math.round((score / questions.length) * 100) : 0 let feedbackMsg = "" if (score !== null) { if (progress >= 80) { feedbackMsg = "🟢 Excelente! Você entende bem os conceitos de gramática inglesa." } else if (progress >= 50) { feedbackMsg = "🟡 Bom trabalho! Mas ainda há espaço para melhorar." } else { feedbackMsg = "🔴 Você pode melhorar! Reveja o conteúdo e tente novamente." } } return (

{progress}%

{results.length > 0 && (

Results:

)} {score !== null && (

Pontuação final: {score} de {questions.length} ({progress}%)
{feedbackMsg}

)} {showRetry && ( )}

) } [V0_FILE]css:file="app/globals.css" isFixed="true" isQuickEdit="true" @tailwind base; @tailwind components; @tailwind utilities; body { font-family: Arial, sans-serif; background-color: #f4f4f4; color: #333; font-size: 18px; } h1, h2 { color: #003366; } @layer utilities { .text-balance { text-wrap: balance; } } @layer base { :root { --background: 0 0% 100%; --foreground: 0 0% 3.9%; --card: 0 0% 100%; --card-foreground: 0 0% 3.9%; --popover: 0 0% 100%; --popover-foreground: 0 0% 3.9%; --primary: 0 0% 9%; --primary-foreground: 0 0% 98%; --secondary: 0 0% 96.1%; --secondary-foreground: 0 0% 9%; --muted: 0 0% 96.1%; --muted-foreground: 0 0% 45.1%; --accent: 0 0% 96.1%; --accent-foreground: 0 0% 9%; --destructive: 0 84.2% 60.2%; --destructive-foreground: 0 0% 98%; --border: 0 0% 89.8%; --input: 0 0% 89.8%; --ring: 0 0% 3.9%; --chart-1: 12 76% 61%; --chart-2: 173 58% 39%; --chart-3: 197 37% 24%; --chart-4: 43 74% 66%; --chart-5: 27 87% 67%; --radius: 0.5rem; --sidebar-background: 0 0% 98%; --sidebar-foreground: 240 5.3% 26.1%; --sidebar-primary: 240 5.9% 10%; --sidebar-primary-foreground: 0 0% 98%; --sidebar-accent: 240 4.8% 95.9%; --sidebar-accent-foreground: 240 5.9% 10%; --sidebar-border: 220 13% 91%; --sidebar-ring: 217.2 91.2% 59.8%; } .dark { --background: 0 0% 3.9%; --foreground: 0 0% 98%; --card: 0 0% 3.9%; --card-foreground: 0 0% 98%; --popover: 0 0% 3.9%; --popover-foreground: 0 0% 98%; --primary: 0 0% 98%; --primary-foreground: 0 0% 9%; --secondary: 0 0% 14.9%; --secondary-foreground: 0 0% 98%; --muted: 0 0% 14.9%; --muted-foreground: 0 0% 63.9%; --accent: 0 0% 14.9%; --accent-foreground: 0 0% 98%; --destructive: 0 62.8% 30.6%; --destructive-foreground: 0 0% 98%; --border: 0 0% 14.9%; --input: 0 0% 14.9%; --ring: 0 0% 83.1%; --chart-1: 220 70% 50%; --chart-2: 160 60% 45%; --chart-3: 30 80% 55%; --chart-4: 280 65% 60%; --chart-5: 340 75% 55%; --sidebar-background: 240 5.9% 10%; --sidebar-foreground: 240 4.8% 95.9%; --sidebar-primary: 224.3 76.3% 48%; --sidebar-primary-foreground: 0 0% 100%; --sidebar-accent: 240 3.7% 15.9%; --sidebar-accent-foreground: 240 4.8% 95.9%; --sidebar-border: 240 3.7% 15.9%; --sidebar-ring: 217.2 91.2% 59.8%; } } @layer base { * { @apply border-border; } body { @apply bg-background text-foreground; } } .border-l-6 { border-left-width: 6px; }

About

Tags

Share

About

Tags

Share

More Templates Like This

About

Tags

Share

About

Tags

Share

More Templates Like This