[V0_FILE]typescriptreact:file="quiz-interface.tsx" isMerged="true" "use client" import Image from "next/image" import Link from "next/link" import { MessageCircle, ThumbsDown, ThumbsUp, Gift, List } from "lucide-react" import { Button } from "@/components/ui/button" import { Progress } from "@/components/ui/progress" import { Card } from "@/components/ui/card" export default function QuizInterface() { return (

{/* Header */}

generate questions from a file

{/* Main Content */}

{/* Title and Controls */}

DeepSeek_R1

{/* Progress */}

your progress 0%

{/* Question Card */}

Which model demonstrates superior performance compared to DeepSeek-V3 on education-oriented knowledge benchmarks?

{/* Answer Options */}

{[ { id: "A", text: "GPT-4" }, { id: "B", text: "T5" }, { id: "C", text: "BERT" }, { id: "D", text: "RoBERTa" }, ].map((option) => ( ))}

{/* Feedback Section */}

Rate question quality

{/* Navigation */}

1 of 67

{/* Illustration */}

) } [V0_FILE]typescriptreact:file="tailwind.config.js" isFixed="true" isQuickEdit="true" isMerged="true" /** @type {import('tailwindcss').Config} */ module.exports = { darkMode: ["class"], content: ["app/**/*.{ts,tsx}", "components/**/*.{ts,tsx}"], theme: { 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))", }, question: "#e4ffd1", primary: "#3fb86d", border: "#d8e0dc", }, borderRadius: { lg: "var(--radius)", md: "calc(var(--radius) - 2px)", sm: "calc(var(--radius) - 4px)", }, }, }, plugins: [require("tailwindcss-animate")], } [V0_FILE]typescriptreact:file="types.ts" export interface Question { id: string question: string answer?: string page?: number userResponse?: string evaluation?: string } export interface FileUploadResponse { questions: Question[] success: boolean error?: string } [V0_FILE]typescriptreact:file="api.ts" "use server" export async function evaluateAnswer(aiAnswer: string, userResponse: string) { const url = "https://omj0m0.buildship.run/personalAssistant-b315972fc405" try { const response = await fetch(url, { method: "POST", headers: { "Content-Type": "application/json", }, body: JSON.stringify({ userInput: `aiResponseAnswer:"${aiAnswer}",userResponse:"${userResponse}" instruction:You are a personal learning assistant you evaluate the response`, }), }) const result = await response.json() return result } catch (error) { console.error("Error:", error) throw error } } [V0_FILE]typescriptreact:file="components/file-upload.tsx" isFixed="true" isQuickEdit="true" "use client" import { useState } from "react" import { Button } from "@/components/ui/button" import { Input } from "@/components/ui/input" import { Card, CardContent } from "@/components/ui/card" import { Upload, LinkIcon } from "lucide-react" interface FileUploadProps { onUpload: (file: File | string) => Promise } export function FileUpload({ onUpload }: FileUploadProps) { const [url, setUrl] = useState("") const handleFileUpload = (e: React.ChangeEvent) => { const file = e.target.files?.[0] if (file) { onUpload(file) } } const handleUrlSubmit = (e: React.FormEvent) => { e.preventDefault() if (url) { onUpload(url) } } return (

Upload PDF or Video

Upload a file or provide a URL to generate questions

Click to upload or drag and drop

PDF or Video files

) } [V0_FILE]typescriptreact:file="components/question-view.tsx" "use client" import { useState } from "react" import { Button } from "@/components/ui/button" import { Card, CardContent } from "@/components/ui/card" import { Textarea } from "@/components/ui/textarea" import { MessageCircle, Eraser, MoreHorizontal } from "lucide-react" import type { Question } from "../types" import { evaluateAnswer } from "../api" interface QuestionViewProps { question: Question onNext: () => void onPrevious: () => void totalQuestions: number currentIndex: number } export function QuestionView({ question, onNext, onPrevious, totalQuestions, currentIndex }: QuestionViewProps) { const [userResponse, setUserResponse] = useState("") const [evaluation, setEvaluation] = useState("") const [isSubmitted, setIsSubmitted] = useState(false) const handleSubmit = async () => { if (!userResponse) return try { const result = await evaluateAnswer(question.answer || "", userResponse) setEvaluation(result.response || "No evaluation available") setIsSubmitted(true) } catch (error) { console.error("Error evaluating answer:", error) } } const handleReset = () => { setUserResponse("") setEvaluation("") setIsSubmitted(false) } return (

Question {currentIndex + 1}

{question.question}

{question.page &&

from page {question.page}

}

setUserResponse(e.target.value)}
          className="min-h-[120px]"
          disabled={isSubmitted}
        />

<div className="flex justify-end gap-2">
          <Button variant="outline" onClick={handleReset} disabled={!userResponse && !isSubmitted}>
            <Eraser className="w-4 h-4 mr-2" />
            Clear
          </Button>
          <Button onClick={handleSubmit} disabled={!userResponse || isSubmitted}>
            Submit Answer
          </Button>
        </div>

{evaluation && (
          <Card className="mt-4">
            <CardContent className="p-6">
              <h3 className="font-medium mb-2">Evaluation</h3>
              <p className="text-gray-700">{evaluation}</p>
            </CardContent>
          </Card>
        )}
      </div>

<div className="flex items-center justify-between pt-4">
        <Button variant="outline" onClick={onPrevious} disabled={currentIndex === 0}>
          Previous
        </Button>
        <span className="text-sm text-gray-500">
          {currentIndex + 1} of {totalQuestions}
        </span>
        <Button variant="outline" onClick={onNext} disabled={currentIndex === totalQuestions - 1}>
          Next
        </Button>
      </div>
    </div>
  )
}

[V0_FILE]typescriptreact:file="app/page.tsx"
"use client"

import { useState } from "react"
import Image from "next/image"
import Link from "next/link"
import { FileUpload } from "../components/file-upload"
import { QuestionView } from "../components/question-view"
import type { Question } from "../types"
import { Gift } from "lucide-react"

export default function Home() {
  const [questions, setQuestions] = useState<Question[]>([])
  const [currentIndex, setCurrentIndex] = useState(0)
  const [isStarted, setIsStarted] = useState(false)

const handleFileUpload = async (file: File | string) => {
    // TODO: Implement file upload and question generation
    // This is a mock implementation
    const mockQuestions: Question[] = [
      {
        id: "1",
        question: "How do accuracy rewards and format rewards contribute to the training of DeepSeek-R1-Zero?",
        answer:
          "Accuracy rewards ensure correct responses, while format rewards enforce structured thinking processes. Together, they guide DeepSeek-R1-Zero in producing reliable and organized outputs, enhancing its reasoning capabilities without needing complex retraining.",
        page: 6,
      },
      // Add more mock questions as needed
    ]

setQuestions(mockQuestions)
    setIsStarted(true)
  }

return (
    <div className="min-h-screen bg-white">
      <header className="flex items-center justify-between p-4 md:p-6 border-b">
        <Link href="/" className="flex items-center">
          <Image
            src="https://hebbkx1anhila5yf.public.blob.vercel-storage.com/image-SFJaEkmHADVvjaz0emCUiMwPgigaj5.png"
            alt="Logo"
            width={100}
            height={40}
            className="h-8 w-auto"
          />
        </Link>
        <div className="flex items-center gap-2">
          <Link href="#" className="text-sm text-[#3fb86d] flex items-center gap-1">
            <Gift className="h-4 w-4" />
            generate questions from a file
          </Link>
          <div className="flex items-center gap-4 ml-6">
            <Link href="/signup" className="text-sm text-gray-600 hover:text-gray-900">
              Sign Up
            </Link>
            <span className="text-gray-300">|</span>
            <Link href="/login" className="text-sm text-gray-600 hover:text-gray-900">
              Login
            </Link>
          </div>
        </div>
      </header>

<main className="container mx-auto px-4 py-8">
        {!isStarted ? (
          <FileUpload onUpload={handleFileUpload} />
        ) : (
          questions.length > 0 && (
            <QuestionView
              question={questions[currentIndex]}
              onNext={() => setCurrentIndex((prev) => Math.min(prev + 1, questions.length - 1))}
              onPrevious={() => setCurrentIndex((prev) => Math.max(prev - 1, 0))}
              totalQuestions={questions.length}
              currentIndex={currentIndex}
            />
          )
        )}
      </main>
    </div>
  )
}
</article></body></html>

About

Tags

Share

More from tarunpahade55-5228

More Templates Like This

About

Tags

Share

About

Tags

Share

More from tarunpahade55-5228

More Templates Like This