A dead simple time tracker that keeps everything in local storage. Next.js, no accounts and no server.
handcodedlocalstoragenextjsreactself-hostedserverlesstime-trackingtimer
1.wrap {
2 position: relative;
3}
4
5.list {
6 position: absolute;
7 left: 0;
8 right: 0;
9 top: 100%;
10 margin: 4px 0 0;
11 padding: 4px 0;
12 list-style: none;
13 background: var(--surface);
14 border: 1px solid var(--border-green);
15 border-radius: var(--radius);
16 z-index: 20;
17 box-shadow: 0 12px 32px rgba(0, 0, 0, 0.5);
18 max-height: 220px;
19 overflow-y: auto;
20 text-align: left;
21}
22
23.item {
24 padding: 7px 14px;
25 font-family: var(--font-mono);
26 font-size: 0.82em;
27 letter-spacing: 0.04em;
28 color: var(--text);
29 cursor: pointer;
30}
31
32.item:hover,
33.itemActive {
34 background: var(--green-dim);
35 color: var(--green-bright);
36}