⏱️ Pointer — Employee Time Tracking System

A modern web application for employee time tracking, designed with a focus on productivity, user experience, and clean interface design.

Note: This is a front-end project built for learning and portfolio purposes. User data is stored locally using the browser's Local Storage.

---

📖 About

Pointer is a front-end prototype of an employee time tracking platform.

The application simulates the core features of a workforce management system, allowing users to register working hours, manage breaks, visualize statistics, and access a complete history of time records.

The project was developed using only native web technologies to strengthen knowledge of HTML, CSS, and JavaScript without relying on frameworks.

---

✨ Features

🔐 Authentication

• User registration
• Login
• Browser-based session persistence
• Logout

⏱️ Time Tracking

• Clock in
• Start break
• End break
• Clock out

📊 Dashboard

• Worked hours
• Overtime calculation
• Break time
• Worked days
• Dynamic charts

🕘 History

• Complete time records
• Real-time search
• Edit records
• Delete records

👥 Employee Management

• Employee listing
• Role information
• User identification

🎨 User Interface

• Dark mode
• Glassmorphism design
• Responsive layout
• Adaptive sidebar
• Modern SaaS-inspired interface

---

🛠️ Tech Stack

• HTML5
• CSS3
• JavaScript (Vanilla)
• Chart.js
• Local Storage

---

📱 Responsive Design

The application was designed to provide a consistent experience across different devices, including:

• Desktop
• Tablet
• Mobile

Features include:

• Mobile navigation menu
• Responsive grid layouts
• Flexible UI components
• Fluid interface

---

⚙️ Running Locally

Clone the repository:

git clone https://github.com/kfndz/Pointer.git

Navigate to the project folder:

cd Pointer

Open the project with your preferred editor and launch index.html in your browser.

---

📂 Project Structure

Pointer/
│
├── index.html
├── style.css
├── script.js
└── README.md

---

🎯 Purpose

This project was created to practice front-end development by building a complete time tracking interface using only HTML, CSS, and JavaScript.

It also serves as a portfolio project demonstrating UI development, responsive design, state management with Local Storage, and dashboard implementation.

---

🚀 Future Improvements

• Backend integration
• Database support
• Secure authentication
• User roles and permissions
• Export reports (PDF/Excel)
• REST API integration
• Cloud deployment

---

📄 License

This project is available for personal, educational, and portfolio purposes.