Timeslot

A single-page, dependency-free time tracker. Drag on a day-view calendar (8:00–19:00) to create time slots, label them, and see hours totalled per label. No build step, no backend — everything is saved to localStorage.

Features

• Click-and-drag on the calendar to create a slot; drag its top/bottom edge to resize, drag the slot to move it
• Click a slot to edit its description inline
• Live "now" indicator line
• Running summary of total hours per description, updated as you edit
• "Clear" button to wipe all slots
• State persists in the browser via localStorage — nothing leaves your machine

Usage

Github Pages

This web app is avaialble at Github pages: arcomul.github.io/timeslot/

Local

• Clone/download the repository
• Open index.html in a browser
• Enjoy

Files

• index.html — page structure
• style.css — layout and styling
• main.js — calendar rendering, drag/resize interactions, and state persistence