Build a modern, production-ready web application that visually and functionally resembles Google Drive, but is specialized for document management, document collaboration, and document signing.
Tech requirements
Use React + TypeScript
Use Tailwind CSS for styling
Use modern component patterns and clean folder structure
Use mock data and placeholder APIs where backend is not implemented
Pages & Layout
Dashboard
Sidebar with: My Documents, Shared with Me, Pending Signatures, Completed, Trash
Main panel showing documents in grid and list view
File cards similar to Google Drive
Document Viewer
PDF/document preview panel
Metadata sidebar (owner, status, last modified, signers)
Actions: Share, Request Signature, Download, Delete
Signing Flow
Ability to place signature fields, initials, date fields
Simple drag-and-drop signature markers
“Sign Document” mode with typed / drawn / uploaded signature
Upload & Organization
Drag-and-drop document upload
Folder creation and navigation
Search, filter, and sort documents
Document Status System
Draft
Sent for Signature
Signed
Completed
UX & Design
Match Google Drive’s spacing, typography, and interaction patterns
…
