EMS Keka

EMS Keka is an open-source employee management portal template built on Next.js, Chakra UI, and Redux Toolkit that bundles profile, leave, timesheet, attendance, and asset workflows into a single desktop-only dashboard.

What is EMS Keka?

EMS Keka is a web application template for managing employee-related tasks inside an organization. It runs on Next.js for React rendering, uses Chakra UI for its component library, and relies on Redux Toolkit for state management. The template includes five functional modules: employee profile, leave management, timesheet tracking, attendance recording, and asset management. The repository shows 17 stars and is tagged with chakra-ui, ems, nextjs, and redux-toolkit.

Key Features

• Profile Management — Maintain employee details including personal information, job title, employee ID, submitted documents, availed assets, education, interests, and hobbies.
• Leave Management — Submit and approve leave requests, track leave balances and history, and generate leave reports.
• Timesheet Tracking — Let employees log working hours and allow supervisors to review and approve timesheets for payroll.
• Attendance System — Record employee attendance and generate attendance reports for payroll and performance analysis.
• Asset Management — Track company assets assigned to employees, including asset status, repairs, and replacements.
• Desktop-Only Layout — The interface is explicitly designed for desktop view, with no responsive mobile layout mentioned.

Who is it for?

• HR administrators — manage employee profiles, leave approvals, and attendance records in one portal.
• Managers and supervisors — review timesheets and leave requests for their team members.
• Developers — use the template as a starter codebase for building a custom HR management system with a familiar React stack.

Use cases

• HR teams: keep employee documents and assigned assets organized so onboarding and offboarding are easier.
• Payroll staff: rely on approved timesheets and attendance reports to calculate accurate pay.
• Team leads: monitor attendance patterns and approve leave to keep staffing plans on track.

How does it work?

1. Clone the repository and run npm install to install dependencies.
2. Start the development server with npm run dev.
3. Use the Profile section to view and update employee details, the Leave module to request and approve time off, the Timesheet section to log hours, the Attendance module to track records, and the Asset section to manage assigned assets.

FAQ

Is EMS Keka available for mobile?

No. The template is labeled "Desktop View Only," so the layout is designed for desktop screens and there is no responsive mobile version.

What tech stack does EMS Keka use?

The frontend is built with Next.js, a React framework, and Chakra UI for styling and components. State management is handled by Redux Toolkit, which keeps the application consistent and scalable.

How do I run EMS Keka locally?

Clone the repository, install dependencies with npm install, and start the development server with npm run dev. The application then runs locally on your machine.