feat: complete pragativeer v2 frontend and backend, docker setup, and cbt engine

This commit is contained in:
2026-07-06 17:08:13 +05:30
parent ce01795aa9
commit 426b98ddab
66 changed files with 7949 additions and 363 deletions

View File

@@ -5,6 +5,11 @@ import { BookOpen, LayoutDashboard, Settings, FileText, Activity, LineChart, Tro
import Link from "next/link"
import Image from "next/image"
import { usePathname } from "next/navigation"
import { LanguageToggle } from "@/components/LanguageToggle"
import { ThemeToggle } from "@/components/ThemeToggle"
import { TierBadge } from "@/components/TierBadge"
import { StreakCounter } from "@/components/StreakCounter"
import { AITutorChat } from "@/components/AI/AITutorChat"
export default function DashboardLayout({ children }: { children: ReactNode }) {
const pathname = usePathname()
@@ -50,6 +55,13 @@ export default function DashboardLayout({ children }: { children: ReactNode }) {
<NavItem href="/dashboard/dpp" icon={<FileText size={18} />} label="Daily Practice" active={pathname.startsWith("/dashboard/dpp")} />
<NavItem href="/dashboard/materials" icon={<BookOpen size={18} />} label="Study Materials" active={pathname.startsWith("/dashboard/materials")} />
<div className="pt-4 pb-2">
<p className="px-3 text-xs font-bold uppercase tracking-widest text-muted-foreground">Community & Tracking</p>
</div>
<NavItem href="/dashboard/leaderboard" icon={<Trophy size={18} />} label="Leaderboard" active={pathname.startsWith("/dashboard/leaderboard")} />
<NavItem href="/dashboard/progress" icon={<Activity size={18} />} label="Syllabus Tracker" active={pathname.startsWith("/dashboard/progress")} />
<NavItem href="/dashboard/community" icon={<BookOpen size={18} />} label="Doubt Forum" active={pathname.startsWith("/dashboard/community")} />
<div className="pt-4 pb-2">
<p className="px-3 text-xs font-bold uppercase tracking-widest text-muted-foreground">AI Intelligence</p>
</div>
@@ -57,8 +69,24 @@ export default function DashboardLayout({ children }: { children: ReactNode }) {
<NavItem href="/dashboard/rank-predictor" icon={<Trophy size={18} />} label="Rank Predictor" active={pathname.startsWith("/dashboard/rank-predictor")} />
</nav>
<div className="p-4 border-t border-border space-y-2">
<NavItem href="/dashboard/settings" icon={<Settings size={18} />} label="Settings" active={pathname.startsWith("/dashboard/settings")} />
<div className="p-4 border-t border-border space-y-2 bg-secondary/30">
<div className="flex justify-end mb-2 px-1">
<Link href="/dashboard/streaks" className="w-full text-right hover:opacity-80 transition-opacity">
<StreakCounter streak={12} />
</Link>
</div>
<Link
href="/dashboard/settings"
className={`flex items-center gap-3 px-3 py-2.5 rounded-xl transition-all duration-300 border ${
pathname.startsWith("/dashboard/settings")
? "bg-background text-foreground font-medium border-border shadow-sm"
: "text-muted-foreground hover:bg-background/80 hover:text-foreground border-transparent hover:border-border/50"
}`}
>
<Settings size={18} />
<span className="text-sm">Settings</span>
</Link>
{/* Functional User Dropdown */}
<div className="relative mt-2" ref={dropdownRef}>
@@ -81,15 +109,15 @@ export default function DashboardLayout({ children }: { children: ReactNode }) {
<button
onClick={() => setDropdownOpen(!dropdownOpen)}
className="w-full flex items-center justify-between p-2 rounded-xl hover:bg-secondary/50 transition-colors border border-transparent hover:border-border"
className="w-full flex items-center justify-between p-2 rounded-xl bg-background/50 hover:bg-background transition-colors border border-border/50 shadow-sm mt-3"
>
<div className="flex items-center gap-3">
<div className="h-8 w-8 rounded-full bg-[#00F0FF]/20 text-[#00F0FF] flex items-center justify-center font-bold text-sm shadow-[0_0_10px_-2px_#00F0FF]">
DS
</div>
<div className="text-left">
<p className="text-sm font-bold leading-none">Demo Student</p>
<p className="text-xs text-[#00F0FF] font-medium mt-1">AI Pro Plan</p>
<div className="text-left flex-1 min-w-0">
<p className="text-sm font-bold leading-none truncate">Demo Student</p>
<div className="mt-1.5"><TierBadge tier="AI Coach" /></div>
</div>
</div>
<ChevronUp size={16} className={`text-muted-foreground transition-transform ${dropdownOpen ? "rotate-180" : ""}`} />
@@ -99,9 +127,18 @@ export default function DashboardLayout({ children }: { children: ReactNode }) {
</aside>
{/* Main Content */}
<main className="flex-1 overflow-y-auto">
{children}
</main>
<div className="flex-1 flex flex-col h-screen overflow-hidden relative">
<header className="absolute top-6 right-8 z-10 flex items-center gap-3 bg-background/80 backdrop-blur-sm p-1.5 rounded-2xl border border-border/50 shadow-sm">
<LanguageToggle />
<ThemeToggle />
</header>
<main className="flex-1 overflow-y-auto">
{children}
</main>
</div>
{/* Global AI Tutor Chat */}
<AITutorChat />
</div>
)
}