Dashboard Analytics
Click to expandAnalytics dashboard with multiple chart tiles, configurable layout, and performance reporting across quiz results.
Back to WorkView Live Demo
Web App
Training Hub
Training Hub is a full-stack learning and assessment platform built to manage the entire training lifecycle in one system. It combines a public study-guide experience with a protected admin portal for content authoring, quiz delivery, access-code workflows, dashboard analytics, media management, approvals, and learner-result reporting. The result is operational software for organizations that need structured training content, controlled assessment delivery, and performance visibility without stitching together multiple tools.
React 18ViteSupabasePostgreSQLTailwind CSSCraft.jsdnd-kit + React Grid LayoutNivo Charts + Chart.jsReact PDF
Content Model
Guides + Quizzes
Delivery Modes
Practice + Assessment
Analytics
Custom Dashboards
Reporting
PDF Results
Platform Screens
Representative views from the analytics dashboard, study-guide viewer, quiz builder, practice mode, and modular content editor.
Study Guide Viewer
Click to expandPublic study-guide experience with structured content, side navigation, and linked learning flow for trainees.
Quiz Builder
Click to expandQuiz builder interface with delivery settings, quiz metadata, question-bank tooling, and authoring controls.
Practice Feedback
Click to expandPractice quiz mode showing immediate feedback, incorrect answer handling, and explanation-based reinforcement.
Guide Editor
Click to expandModular visual editor for study-guide authoring with content blocks, layout controls, and reusable components.
One System for the Full Training Lifecycle
Training Hub brings content authoring, learner delivery, assessment control, analytics, and reporting into one platform. Instead of splitting training operations across separate tools, organizations can manage study guides, quizzes, access codes, result review, and dashboards from a unified workflow.
Custom Study Guide Authoring at Product Depth
The platform includes a visual guide editor built around modular blocks and layout composition rather than plain-text editing. Authors can assemble pages with text, media, tables, buttons, tabs, collapsible sections, containers, and reusable multi-column structures, then save drafts, publish content, or start from templates to keep output consistent.
Practice and Assessment Delivery
Quizzes support practice mode for learning reinforcement and assessment mode for controlled testing. The system handles reusable questions, multiple question types, randomization, partial credit for multi-select items, linked study guides, preview tools, and access-code distribution with learner and reporting context attached.
Interactive Analytics and Drill-Down Reporting
Reporting is built around customizable dashboard layouts with resizable chart tiles, saved dashboard configurations, and multiple visualization types. Users can hover or click into chart segments to apply filters, combine multiple drill-downs, update the results table in real time, and move from aggregate trends to individual learner records quickly.
Operational Admin Tooling Beyond Content CRUD
This project stands out because it goes past basic CRUD screens. It includes protected admin routes, role-aware access, approvals, user management, media handling, dashboard initialization, result tracking, and PDF generation for completed quiz attempts. It functions as a real internal operations platform, not just a training content site.
Product Walkthroughs
Focused recordings covering analytics dashboards, the visual editor, learner study-guide flow, and quiz authoring.
Dashboard Analytics
Product DemoDashboard Analytics
Custom dashboard layouts, chart combinations, drill-down filtering, and results-table workflows for performance analysis.