This is a TO-DO app built in Vue.js, I broke it out in to many components and used state management via Vuex and localStorage.
Includes the following features:
- Add new todo
- Delete todo
- Update todo
- Edit todo
- Enabled double click to edit
- Press escape to cancel
- Clear all completed todos
- Filter todos based on whether they are active or completed
- Count number of active todos remaining
- Implemented Vuex for state handling
- Added Vuex-persist to hold state in the browser
To run the program please clone the repo, npm install
, npm run dev
, and then navigate to localhost:8080.
run the test unit with npm run unit