Skip to content

Plantel

Attendance and people management: mobile clock-in with location, a live panel and reports.

Client
Personal project
Role
Full stack developer
Period
2026 · Beta
Stack
React · TypeScript · Vite · Tailwind CSS · Leaflet

The code is private to protect client confidentiality.

Home screen of Plantel

Problem

Companies whose staff are spread across offices, branches and job sites, such as training companies with trainers in the field, do not know in time who has arrived, who is late or how many overtime hours are worked. They track it by hand in spreadsheets.

Solution

  • I built clock-in and clock-out from a phone, with the location shown on a map and a receipt with a code.
  • I built a live panel showing who is present, late, not yet clocked in, and staff in the field by location.
  • I produced monthly reports of lateness, absences and overtime, exportable to CSV and PDF.
  • I set up shifts for office work, courses and 7x7 field rotations, in weekly and monthly views.
  • I created a record for each person with their employment type (permanent, fee-based or per course), and leave and vacation requests with approval.
  • The interface has light and dark modes and is built with React, TypeScript, Vite, Tailwind CSS and Leaflet.

Outcome

It is in Beta: clock-in, the live panel, reports, shifts and requests already work. The next stage adds its own backend and payroll with Chilean payslips.

More screens

Monthly report of lateness, absences and overtime
Monthly report of lateness, absences and overtime
Shifts for office, courses and field work
Shifts for office, courses and field work
Person record with employment type
Person record with employment type
Leave and vacation requests
Leave and vacation requests
Clock-in from a phone, with location
Clock-in from a phone, with location