CP

Catalogue Portal Static design mockup - no framework, works offline

Screens

Click any screen to open it. All pages share assets/app.css, which is the design system to port into the real build.

These are static HTML mockups - buttons navigate between pages but nothing is saved. Sample names, projects and file titles are placeholders.

Shared

Login

Shared by both roles

Role decides the redirect

Module 1 - Admin

Dashboard

Counters, recent uploads, latest views

Projects

Add / edit / delete project

Employees

Read-only list: name and contact details

Upload catalogue

Project -> employees (multi-select) -> files

Core screen

Catalogue

Project-wise grid, preview, re-assign, delete

Module 2 - Employee

My projects

Only projects with files assigned to me

Project catalogue

PDFs / Images / Videos tabs - view only

PDF viewer

PDF.js canvas - no browser toolbar

Image viewer

Lightbox with zoom, drag-save blocked

Video player

Custom controls, no download option