# todox

**Repository Path**: whtoo/todox

## Basic Information

- **Project Name**: todox
- **Description**: 1. A todo list app in vue.

2. It's a demo, don't use it in your online application.
- **Primary Language**: JavaScript
- **License**: MIT
- **Default Branch**: master
- **Homepage**: None
- **GVP Project**: No

## Statistics

- **Stars**: 0
- **Forks**: 0
- **Created**: 2021-04-14
- **Last Updated**: 2021-04-25

## Categories & Tags

**Categories**: Uncategorized

**Tags**: None

## README

# todox

## Project overview
This is a personal todo-x project, and x means for anything in my daily workflow.


### TODO
- [ ] optimize animations for editing status.
- [ ] optimize view structure of editing status.

### Done
- [x] Add `status filter` search and `name` search.
- [x] Optimize CURD operations on TODO features.
- [x] Build a simple todo list in plain list format.
    - [x] Build a list component
    - [x] Build a todo item component in a list
    - [x] Build a `view model` to control UI
- [x] Add custom `store pattern` implementation
- [x] Add `event` handlers based on `v-on`
- [x] Add throttle for searching.
- [x] Add conditional render for task list.
- [x] Add remove task.
- [x] Add editing on task item for editing task title and description.
- [x] Add `CSS3` support.
    - [x] Add flex layout support.
- [x] Make it looks beautiful.
- [x] Add enter-leave animation transitions.
- [x] Fix edit box blinking and shrinking issues when begin editing.
## Building commands
### Project setup
```
yarn install
```

### Compiles and hot-reloads for development
```
yarn serve
```

### Compiles and minifies for production
```
yarn build
```

### Lints and fixes files
```
yarn lint
```