https://github.com/peruibeloko/time-calculator

Calculator for time intervals. Showcases the new Temporal Object proposal by TC39!
https://github.com/peruibeloko/time-calculator

demo experimental proposal tc39 temporal temporal-object typescript vue vue3

Last synced: 20 days ago
JSON representation

Calculator for time intervals. Showcases the new Temporal Object proposal by TC39!

• Host: GitHub
• URL: https://github.com/peruibeloko/time-calculator
• Owner: Peruibeloko
• License: unlicense
• Created: 2021-05-25T02:42:07.000Z (over 3 years ago)
• Default Branch: main
• Last Pushed: 2024-06-30T02:23:47.000Z (7 months ago)
• Last Synced: 2024-06-30T17:45:15.862Z (7 months ago)
• Topics: demo, experimental, proposal, tc39, temporal, temporal-object, typescript, vue, vue3
• Language: Vue
• Homepage: https://carlinhos.dev.br/time-calculator/
• Size: 1.7 MB
• Stars: 1
• Watchers: 2
• Forks: 1
• Open Issues: 1
• Metadata Files:
  • Readme: README.md
  • License: LICENSE

Awesome Lists containing this project

README

        
# Time Calculator ⏳

Ongoing little project to showcase the new TC39 proposal for a more standardized and robust Date & Time object, [Temporal](https://tc39.es/proposal-temporal/docs/). Currently just adds up the entries in the list and displays the result in a simplified and humanized output.

## Controls 🎮

- `Ctrl + Directional Arrows` - Movement between fields, creates new entries as needed.

  - Usual form movement works as well (`Tab` and `Shift + Tab`)

- `Ctrl + Enter` - Evaluates the result

- `Ctrl + Delete` - Removes the currently selected entry from the list

## Project Setup 🔧

Uses NPM/PNPM, so usual procedures follow:

```

npm i

npm run dev

```

And to build for production

```

npm run build

```

## Roadmap 🗺

What should you expect?

- Basic functionality

  - [x] Add

  - [x] Subtract

- [x] Don't allow flooding of empty entries (must use an entry before adding a new one)

- [x] Modal for controls

- [ ] Mobile layout

- [ ] Clickable Handles for adding entries

- [ ] Reorderable entries

- [ ] Light/Dark theme switch

And of course, general refactoring for clarity + optimizations as needed