Ecosyste.ms: Awesome
An open API service indexing awesome lists of open source software.
https://github.com/asdotdev/eisenhower-matrix-todo-app
This is a todo app which simulate the Eisenhower matrix.
https://github.com/asdotdev/eisenhower-matrix-todo-app
drag-and-drop todo-app
Last synced: 5 days ago
JSON representation
This is a todo app which simulate the Eisenhower matrix.
- Host: GitHub
- URL: https://github.com/asdotdev/eisenhower-matrix-todo-app
- Owner: asdotdev
- Created: 2022-02-25T08:21:50.000Z (almost 3 years ago)
- Default Branch: main
- Last Pushed: 2022-03-01T11:26:13.000Z (almost 3 years ago)
- Last Synced: 2024-11-15T05:28:53.282Z (2 months ago)
- Topics: drag-and-drop, todo-app
- Language: JavaScript
- Homepage:
- Size: 337 KB
- Stars: 0
- Watchers: 1
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
# eisenhower-matrix-todo-app
This is a todo app which simulate the Eisenhower matrix.## Info
The app has grouped items into 4 section. Each section show the count of items under that section. It uses form to add items in different section. It also has drag and drop feature to move items between sections. The app uses redux to manage state and able to retain the state after refreshing page. Demo test cases are present.## Technologies
* React JS 17.0
* react-redux 7.2
* beautiful-dnd 13.1
--dev--
* cypress 9.5
* testing-library/cypress 8.0## Setup
Open cli and use these commands:
```shell
git clone https://github.com/amitabh-sahu/eisenhower-matrix-todo-app.git
cd eisenhower-matrix-todo-app
npm install
```
To start the app:
```shell
npm start
```
To run demo test case:
```shell
./node_modules/.bin/cypress open
```