Dayflow is a modern, responsive, dark-themed Human Resource Management System (HRMS) built based on official wireframe specifications. It delivers a complete HR & Employee experience featuring role-based access control, auto-generated Login IDs, real-time attendance clocking, leave approval workflows, and an interactive salary/payroll engine with printable payslips.
- 🌐 Live Production App: https://dayflow-hrms-nine.vercel.app
- Octocat GitHub Repository: https://github.com/prathamshetty18/odooonline
Try out the application using pre-configured Indian workforce accounts or create your own:
| Role | Name | Designation | Login ID / Email | Password |
|---|---|---|---|---|
| Admin / HR | Aarav Mehta | HR Manager | DFAAME20260001 (or admin@dayflow.com) |
admin123 |
| Employee | Priya Sharma | Lead UI/UX Architect | DFPRSH20260002 (or priya.sharma@dayflow.com) |
emp123 |
| Employee | Rohan Verma | Senior Full Stack Eng | DFROVE20260003 (or rohan.verma@dayflow.com) |
emp123 |
| Employee | Ananya Deshmukh | HR Business Partner | DFANDE20260004 (or ananya.deshmukh@dayflow.com) |
emp123 |
| Employee | Vikram Patel | Financial Analyst | DFVIPA20260005 (or vikram.patel@dayflow.com) |
emp123 |
| Employee | Kavya Nair | Growth Marketing Mgr | DFKANA20260006 (or kavya.nair@dayflow.com) |
emp123 |
- Wireframe Login ID Generator: Automatically generates IDs in the format:
[Company 2-letter Prefix][First 2 letters of First & Last Name][Year][Serial 4-digits]
Example: Dayflow + Priya Sharma + 2026 + 0002 →DFPRSH20260002. - Sign Up Form: Register new Company & Staff accounts with Designation / Post selection (
HR Manager,Software Engineer,UI/UX Designer,Manager, etc.). - Dual Login Support: Sign in using either Email or Login ID.
- Admin / HR View:
- Full Company Dashboard with live KPI counters (Total Workforce, Present, Absent, On Leave, Pending Requests).
- Employee Directory management & Add New Employee modal.
- Leave Approval Hub (Approve & Reject with custom reasoning).
- Payroll & Salary Structure Editor.
- Employee View:
- Clean, distraction-free view with access strictly restricted to personal data (My Profile, My Attendance, My Leave, My Salary).
- No access to other employees' private data or company-wide dashboards.
- Live punch clock with Check In and Check Out buttons.
- Real-time work hours and overtime (extra hours) calculator.
- Date-filterable attendance history log with status badges.
- Live entitlement balance trackers (Paid Time Off, Sick Leave, Unpaid Leave).
- Apply for leave with start/end date pickers, auto day count calculation, and medical certificate upload.
- Admin approval & rejection workflow.
- Dynamic percentage-based component breakdown (Basic 50%, HRA 50% of Basic, Standard Allowance, Bonus, LTA, Fixed Allowance, PF 12% of Basic, Professional Tax).
- Admin live slider adjustment modal with real-time recalculation preview.
- Printable Payslip Modal to view and print official salary slips.
- Node.js (v18.0 or higher)
npm
-
Clone the Repository:
git clone https://github.com/prathamshetty18/odooonline.git cd odooonline -
Install Dependencies:
npm install
-
Start Development Server:
npm run dev
-
View in Browser: Navigate to
http://localhost:5173 -
Build for Production:
npm run build
Dayflow includes built-in support for Supabase (PostgreSQL) with an automatic fallback to local storage if no database URL is set up.
- Create a project at supabase.com.
- Go to SQL Editor in your Supabase Dashboard and run the script in
supabase/schema.sql. - Create a
.envfile in the project root:VITE_SUPABASE_URL=https://your-project-id.supabase.co VITE_SUPABASE_ANON_KEY=your-anon-key
- Restart
npm run dev.
The repository includes a vercel.json file configured for Vite single-page applications.
To deploy via Vercel CLI:
npx vercel --prodOr connect the GitHub repository prathamshetty18/odooonline directly in the Vercel Dashboard.
MIT License © 2026 Dayflow HRMS