AI_HRMS

byNANDHAKUMAR K

Build a modern, production-ready Human Resource Management System (HRMS) as a full-stack web application. Tech Stack React + TypeScript TanStack Router TanStack Query Tailwind CSS + shadcn/ui Supabase (Authentication, PostgreSQL, Storage, Realtime) Responsive design (Desktop, Tablet, Mobile) Features Secure login with role-based authentication. Dashboard with employee statistics and quick actions. Employee Management (CRUD, profile, departments, designations). Attendance Management (check-in/check-out, attendance history). Leave Management (apply, approve, reject, leave balance). Payroll Management (salary structure, payslips). Asset Management (assign and return company assets). Recruitment (job openings, candidates, interview tracking). Performance Management (goals, reviews, ratings). Announcements and Notifications. Document Management (employee documents with file upload). Company Settings and User Management. Reports and analytics with charts. User Roles Super Admin HR Manager Manager Employee Each role should only access the features they are permitted to use. Database Design a normalized PostgreSQL database in Supabase with proper foreign keys, indexes, Row Level Security (RLS), and seed data. Code Quality Use reusable components. Follow clean architecture. Separate UI, business logic, and database services. Use TypeScript everywhere. Include form validation. Handle loading, empty, and error states. Write maintainable and scalable code. Deliverables Build the project incrementally: Set up the project. Design the database. Configure Supabase. Implement authentication. Build layouts and navigation. Implement each module one by one. Finish with testing, optimization, and deployment. Always generate complete, working code with explanations for every step, and ensure the application is production-ready rather than a demo.

LandingLoginAnnouncements
Landing

Comments (0)

No comments yet. Be the first!

Announcements design preview
Landing: View Info
Login: Sign In
Dashboard: View My Stats
Attendance: Check In
Attendance: View History
Leave: Apply Leave
Leave: View Balance
Payroll: View Payslip
Documents: Upload Document
Performance: Review Goals
Announcements: View Announcements
Landing design preview
Landing: View Info
Login: Sign In
Dashboard: View My Stats
Attendance: Check In
Attendance: View History
Leave: Apply Leave
Leave: View Balance
Payroll: View Payslip
Documents: Upload Document
Performance: Review Goals
Announcements: View Announcements