A simple and clean TODO app writen with the newwest version of Vue framework (3.0.0-beta.12).
Live here.
It's already deployed and avaliable at https://www.tiber.joelxr.dev/. To manually deploy it follow the instructions:
npm install
npm run buildOr, to development mode:
npm run devTiber is a simple and clean TODO app that I started this out to study and get my hands on the new features of Vue 3. It's not a Vue CLI project and doesn`t use Vite as well (no reason for that only that I'm still pretty conviced that webpack is one of the best things that ever happened for web development and I'm still a believer).
It's a Vue 3 project built and delived by Webpack, it uses:
TailwindCSSfor styling,popper.jsto handle dropdowns,date-fnsto maniputale dates,markdown-itto make possibel tasks markdown description support,highlight.jsto give markdown syntax highlight for all major programing languages,idbto help reading and storing data inside a IndexedDB store.
I'm looking foward to increase a lot of features and try a bunch of things out, such as:
- Unit testing with Jest and
vue-test-utils, - End to end tests with Cypress,
- Keyboard shortcuts,
- Built-in lists,
- Animations,
- Drag and drop to sort tasks and steps and
- Export and import data to avoid losing data with IndexedDB.