AT

Attendance Tracker Setup

The app files are ready. Add your separate Firebase web configuration to firebase-config.js, then reload this page.

Before using real work data: confirm your company permits the roster and attendance information to be stored in the Firebase project you choose.
1. Create a Firebase project and Web app.
2. Enable Email/Password Authentication.
3. Create Firestore and publish the included firestore.rules.
4. Paste the Firebase config into firebase-config.js.
AT

Team Attendance

Sign in to the shared tracker.

Accounts are created by the Firebase project owner. There is no public create-account link.

AT

Team Attendance

Live team tracker
Connecting

Attendance

Mark the day quickly. Extra fields appear only when they are needed.

Active HC0
Present0
Late0
Out0

Roster

The full uploaded roster is preserved. You choose which columns are visible.

Turnover

Exited employees keep a snapshot of all roster information plus turnover details.

History

Review attendance by date range, employee, EID, or status.

Recent changes

A lightweight audit trail shows who changed attendance and when.

Settings

Customize what the tracker shows, how attendance works, and how it looks.

Daily screen

Name and Attendance are always shown.

Roster columns

Every imported column remains saved even if it is hidden here.

Attendance statuses

Choose the labels and colors available to the team.

Shift types

Shift start times drive the automatic late calculation.

Appearance

Use a personal theme just for you, or set the team default. Cute presets use colors and decorative styling without bundled character artwork.

Custom theme

Data & backup

Exports are created in your browser. The live source of truth remains Firestore.

Import or update roster

Choose an Excel or CSV roster
The first worksheet is used. Original column names and values are preserved.

Employee

Move to Turnover