Ecosyste.ms: Awesome
An open API service indexing awesome lists of open source software.
https://github.com/dobromir-hristov/todo-app
Simple ToDo Vue app with LocalStorage persistence
https://github.com/dobromir-hristov/todo-app
todoapp vue
Last synced: 21 days ago
JSON representation
Simple ToDo Vue app with LocalStorage persistence
- Host: GitHub
- URL: https://github.com/dobromir-hristov/todo-app
- Owner: dobromir-hristov
- Created: 2019-12-29T17:27:29.000Z (almost 5 years ago)
- Default Branch: master
- Last Pushed: 2023-04-15T03:04:38.000Z (over 1 year ago)
- Last Synced: 2024-10-12T06:48:27.802Z (about 1 month ago)
- Topics: todoapp, vue
- Language: JavaScript
- Homepage: https://another-todo-list.netlify.com/
- Size: 2.33 MB
- Stars: 23
- Watchers: 3
- Forks: 21
- Open Issues: 15
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
## Description
A simple TODO app, in the form of a Vue SPA.
## Run the project
To start the app, run
```bash
yarn serve
```
To run unit tests, run
```bash
yarn test:unit
```
To run the e2e tests, run
```bash
yarn test:e2e
```
You can use the `--headless` parameter, to skip the UI
## Details
**Main Features:**
1. Creating new tasks
2. Editing tasks
3. Marking a task as complete
4. Marking a task as not complete
5. Deleting a task
**Extra features:**
The App also incorporates a few extra features, that were on the "nice to have" side:
1. List deleted tasks (trash bucket)
2. Un-delete items from trash
3. Delete items permanently from bucket
4. Dedicated page for deleted items via Vue Router
4. Re-order tasks via Drag n Drop
5. Edit tasks
6. Persist tasks between refreshes via Local Storage
## Tech behind
**Styling:**
* SCSS
* Bulma - minimal CSS Framework, stripped down to only the components I use. Mostly for buttons and inputs
**Bundler:**
* Vue CLI 4
**Quality:**
* ESLint Standard preset + Vue-ESLint Recommended.
**Testing:**
* Unit: Jest + Vue Test Utils
* E2E: Cypress
## TODO:
From the list of requirements, I still have to:
- [ ] Add a few more tests. Mostly integration, on TodoItem and RecycledTodoItem.
- [ ] Improve JSDoc types.
As the task is to create a relatively simple ToDo app, there are a few things I would improve/add on top:
- [ ] Add LocalStorage fallback for browsers that have it blocked (Safari sometimes does this).
- [ ] Allow selecting multiple items at once
- [ ] Add cross tab support
- [ ] Improve design - its not the prettiest thing
- [ ] Improve accessibility - have not focused on it at all
- [ ] Add keyboard only navigation support
- [ ] Categorizing and Filtering (Category, Date, Status, Content search)
- [ ] Allow completing all visible items and vice versa. (would go well with above)
- [ ] Integrate with an API for extended features.
- [ ] Could allow anonymous usage via LocalStorage and API integration for logged-in users.
- [ ] Add offline support (PWA).