Clockium: Time In/Time Out System
LINK
PRIVATE LINK NOT PROVIDED
ROLE
UI/UX, FRONT-END
TECH STACK
Figma, React, TailwindCSS
TIMELINE
July 2023 - Oct 2023
OVERVIEW
Clockium is a time management system developed to
track employee attendance, monitor working hours, and generate
attendance reports. The system was created during a team-based
project where I contributed as both a UI/UX designer and a
front-end developer. My role involved designing the user
interface and developing the dashboard using React, Tailwind
CSS, and Recharts. I collaborated closely with the back-end
team, ensuring proper data flow from the back-end to the
front-end, guiding them on where to place the required data.
Clockium provides employees and administrators with a seamless
experience for time tracking and attendance management.
FEATURES
1. Employee Attendance Tracking - Efficiently tracks employee time-in and
time-out records, providing an accurate overview of
attendance for payroll and management.
2. Dashboard Insights - Displays key statistics related to
attendance, allowing management to identify trends
and ensure employee accountability.
3. Collaboration with Backend - Worked closely with backend developers
to ensure seamless data flow between the front-end
interface and the server, optimizing data display.
4. User-Centric Design - The interface is designed to be
user-friendly, allowing employees to easily clock in
and out while providing management with accessible
attendance records.