U-Shop HR Management
U-Shop HR is a modern, high-performance Human Resources dashboard built for retail operations. Designed to streamline staff management, it centralizes employee records, document storage, leave tracking, and audit logging into a single secure interface powered by Supabase and React.
Core Features
Employee Lifecycle Management
Complete CRUD capabilities for staff records, including personal details, roles, and employment status.
Document Vault
Secure file uploads for Right-to-Work (RTW) documents, contracts, and IDs, utilizing Supabase Storage.
Leave & Absence Tracking
Dedicated modules for requesting, approving, and logging staff holidays and absences.
Real-Time Audit Logs
Comprehensive activity tracking for compliance, logging every administrative action taken within the system.
Modern UI/UX
Built with Shadcn UI and Tailwind CSS, featuring responsive dialogs, data tables, and a dark/light mode toggle.
Technical Deep Dive
Supabase Backend Integration
The application leverages Supabase for its backend-as-a-service, utilizing PostgreSQL for relational employee data and Row Level Security (RLS) to ensure that sensitive HR documents and records are only accessible to authorized administrators.
Secure Document Management
Built a robust file upload pipeline handling sensitive HR documents. The system uses Supabase Storage buckets to securely store and retrieve employee contracts and compliance documents via signed URLs.
Component-Driven UI with Shadcn
Architected the frontend using Radix UI primitives and Shadcn UI to ensure accessibility and consistent design language. Complex interactions like uploading documents or editing employee schemas are handled via highly reusable modal dialogs and form validation with Zod.
Performance Benchmark
"Architected a secure, full-stack HR management dashboard using React, Vite, and Supabase, streamlining employee onboarding and compliance document storage."