Web App

Intern DTR Management

A web-based intern DTR system for TechnoPH OJT interns, with role-based management and automated attendance tracking.

Details

Role

Solo Full-Stack Developer

Project Type

Internship Project

Duration

2 Weeks

Status

Completed / Live

Links

Live Site

GitHub Repository

Built With

JavaScript

Next.js

React.js

Chakra UI

HTML

CSS

Node.js

Express.js

MongoDB

What it is

A live DTR system for TechnoPH OJT interns. Interns log time. Supervisors and admins see attendance, late, overtime, and breaks in one place.

It automates time records and reports for the internship. It does not replace HR policy or payroll.

Main features

Intern Attendance Tracking

Interns record in, out, and break times against a daily DTR log.

Late, Overtime, and Break Handling

The system flags late arrivals, overtime, and break time instead of tallying them by hand.

Internship Rules Management

Supervisors set schedules and attendance rules that apply to assigned interns.

Supervisor & Admin Dashboard

Supervisors monitor their interns. Admins manage accounts, attendance, and reports.

Built with

Next.js and Chakra UI

Intern, supervisor, and admin screens: time logs, late and overtime, rules, and reports.

Node.js and Express.js

Attendance, rules, and account APIs.

MongoDB

Logs, rules, intern records, and report data.

FullCalendar

Calendar views of intern schedules.

Resend

Attendance and account notices.

Reports export to PDF and Excel.

What came from it

Designed to support the future digitalization of intern attendance management at TechnoPH. The system centralizes attendance records, automates time calculations, and generates PDF and Excel reports, reducing repetitive administrative work and providing a more consistent way to manage DTR records.

Screenshots

Intern Side Pages

Intern Dashboard

Personal view for interns to check logs, attendance status, and daily time records.

Supervisor Side Pages

Supervisor Dashboard

Supervisors monitor intern activity, attendance trends, and assigned team records in one view.

Admin Side Pages

Admin Dashboard

Overview of attendance metrics, summaries, and management controls for administrators.