Simple task manager project.
This is a simple react.js task management react project. User can create task with title, description and deadline. And mark it as complete. Also can delete tasks.
This project is Organize by feature. All feature contain in module folder.
For maintaining strict module boundaries all public api export with index.js.
All common component of project keep in src/component folder.
following structure maintain for redux integration:
src
├── assets
│ ├── images
│ │ └── logo.svg
│ └── stylesheets
│ ├── app.css
│ ├── header.css
│ └── index.css
├── components
│ ├── app.jsx
│ └── header.jsx
├── index.js
├── modules
│ └── tasks
│ ├── action_types.js
│ ├── actions.js
│ ├── assets
│ │ └── stylesheets
│ │ ├── add_task.css
│ │ ├── task_canvas.css
│ │ └── task_statistics.css
│ ├── components
│ │ ├── active_tasks_list.jsx
│ │ ├── add_tasks.jsx
│ │ ├── all_tasks_list.jsx
│ │ ├── complete_tasks_list.jsx
│ │ ├── index.js
│ │ ├── task_canvas.jsx
│ │ ├── task_item.jsx
│ │ └── task_statistics.jsx
│ ├── constants.js
│ ├── index.js
│ ├── model.js
│ ├── reducer.js
│ └── selectors.js
└── root_reducer.js
- redux - Using for container state management.
- reselect - Using for create query selector of redux state.
- sfcookies - Using for save state data in browser cookie.
- material-ui - Using for UI design.
Need latest version of npm.
For development setup run:
$ npm install
For transform bundle js run:
$ npm run create
Run project:
$ npm start
- Tanvir Hasan - Initial work - tanvir002700
This project is licensed under the MIT License - see the LICENSE.md file for details
- Three Rules For Structuring (Redux) Applications - Jack Hsu, Blog Link