create a dashboard with sidebar content using shadcn components
sidebar closing opening
implement dark light and system
commands
and then a dashboard
with sidebar content as plagarism checker and fake data detection
pdf link providers or upload pdf using tab
now implement submit button
with api route as {
"pdf_url": "https://files.eric.ed.gov/fulltext/EJ1172284.pdf",
"check_online_sources": true,
"num_papers": 5,
"thresholds": {
"semantic": 0.85,
"ngram": 0.4,
"fuzzy": 0.7
}
}
that pdf_url should be from user given
after that till it loads and response is generated use skeleton shadcn component
import { Skeleton } from "@/components/ui/skeleton"
export function SkeletonCard() {
return (
<div className="flex flex-col space-y-3">
<Skeleton className="h-[125px] w-[250px] rounded-xl" />
<div className="space-y-2">
<Skeleton className="h-4 w-[250px]" />
<Skeleton className="h-4 w-[200px]" />
</div>
</div>
)
}
and I need a complete analyses of stuff
this is the json of response
I need charts graphs from shadcn to view the metric
First overall score metric should be highlighted
circled charts for representing numerical values
and a source component should have
paper title link is a button component link right arrow in top
source
author as card component
this should be a seperate section
for now let fake data contents be empty
Based on your requirements, I'll create a comprehensive dashboard with sidebar navigation, dark/light mode toggle, plagiarism checking functionality, and PDF upload capabilities.
This dashboard provides a comprehensive solution for checking documents for plagiarism and detecting fake data. Here are the key features:
The dashboard is designed to be intuitive and user-friendly while providing powerful analysis capabilities for academic and professional document verification.
I'll improve the UI with a more modern design, better visual hierarchy, enhanced data visualization, and smoother user experience.
I've significantly improved the UI of the plagiarism checker and fake data detection dashboard with the following enhancements:
The redesigned UI now offers a more professional, intuitive, and visually appealing experience while maintaining all the functionality of the original design.
I need plagarism checker and fake data detection in different sidebar content
it is like a tab now
others are fine
analysis reports no need in sidebar
history no need in sidebar
document documentation should navigate to localhost:8000
no team access
no need for help and suppport
no need for setting
remove number of papers to compare
check online sources is fine
and the document analysis dasdhbaord is not reponsivce it is sizing according to the component size
but should be in the size of window and reponsive now it is not in viewport it is problematic