Giter Club home page Giter Club logo

hack's Introduction

Hack

icon

Hackable Task Management Tool for Developpers

Under Development Now....... Free to join our slack community :)

Installastion

npm install
npm run dev

hack's People

Contributors

chentsulin avatar kazuooooo avatar matart15 avatar

Stargazers

 avatar  avatar  avatar

Watchers

 avatar  avatar  avatar

hack's Issues

can not build

can run

npm run package

with

devtool: false

but application white out...

Create Home Page

I want to create like this.
https://clipy-app.com/

I have imagine like below now.

description about app

do you want to management your detailed task as tree?

yes you can!!
[gif]

do you want to measure how long time did you use time for tasks?

yes you can!!
[gif]

do you want to listen level up sound on each task done?

yes you can hack!!
[gif]

みたいなw

Fix EsLint Error and Warnings

so many eslint warnings we should fix asap.

matsumotokazuya:hack/ (feature/eslint) $ eslint app                                                                                                                    [22:41:03]

/Users/matsumotokazuya/.ghq/github.com/kazuooooo/hack/app/actions/tasks.js
   3:6   error  'actionType' is defined but never used               no-unused-vars
  14:25  error  parameter `parent_index_path`: Missing annotation    flowtype-errors/show-errors
  14:25  error  Identifier 'parent_index_path' is not in camel case  camelcase
  14:44  error  parameter `task_object`: Missing annotation          flowtype-errors/show-errors
  14:44  error  Identifier 'task_object' is not in camel case        camelcase
  34:28  error  parameter `index_path`: Missing annotation           flowtype-errors/show-errors
  34:28  error  Identifier 'index_path' is not in camel case         camelcase
  34:40  error  parameter `params`: Missing annotation               flowtype-errors/show-errors
  42:28  error  parameter `index_path`: Missing annotation           flowtype-errors/show-errors
  42:28  error  Identifier 'index_path' is not in camel case         camelcase

/Users/matsumotokazuya/.ghq/github.com/kazuooooo/hack/app/components/Task.js
    3:8   error  'Timer' is defined but never used                                                                                                                                         no-unused-vars
    4:30  error  Absolute imports should come before relative imports                                                                                                                      import/first
    5:34  error  Absolute imports should come before relative imports                                                                                                                      import/first
    5:34  error  material-ui/FloatingActionButton: Required module not found                                                                                                               flowtype-errors/show-errors
    6:24  error  Absolute imports should come before relative imports                                                                                                                      import/first
    7:32  error  Absolute imports should come before relative imports                                                                                                                      import/first
    8:23  error  material-ui/TextField: Required module not found                                                                                                                          flowtype-errors/show-errors
    8:23  error  Absolute imports should come before relative imports                                                                                                                      import/first
    9:22  error  Absolute imports should come before relative imports                                                                                                                      import/first
    9:22  error  material-ui/Checkbox: Required module not found                                                                                                                           flowtype-errors/show-errors
   10:10  error  'List' is defined but never used                                                                                                                                          no-unused-vars
   10:32  error  Absolute imports should come before relative imports                                                                                                                      import/first
   10:32  error  material-ui/List: Required module not found                                                                                                                               flowtype-errors/show-errors
   11:8   error  'Toggle' is defined but never used                                                                                                                                        no-unused-vars
   11:20  error  Absolute imports should come before relative imports                                                                                                                      import/first
   11:20  error  material-ui/Toggle: Required module not found                                                                                                                             flowtype-errors/show-errors
   16:15  error  parameter `props`: Missing annotation                                                                                                                                     flowtype-errors/show-errors
   18:10  error  property `handleChange`: Covariant property `handleChange` incompatible with contravariant use in 'assignment of property `handleChange`'. See line 18                    flowtype-errors/show-errors
   19:10  error  property `handleAddChildTask`: Covariant property `handleAddChildTask` incompatible with contravariant use in 'assignment of property `handleAddChildTask`'. See line 19  flowtype-errors/show-errors
   20:10  error  property `saveTask`: Covariant property `saveTask` incompatible with contravariant use in 'assignment of property `saveTask`'. See line 20                                flowtype-errors/show-errors
   21:10  error  property `calcMarginLeft`: Covariant property `calcMarginLeft` incompatible with contravariant use in 'assignment of property `calcMarginLeft`'. See line 21              flowtype-errors/show-errors
   22:10  error  property `editTask`: Covariant property `editTask` incompatible with contravariant use in 'assignment of property `editTask`'. See line 22                                flowtype-errors/show-errors
   23:10  error  property `switchCompleteTask`: Covariant property `switchCompleteTask` incompatible with contravariant use in 'assignment of property `switchCompleteTask`'. See line 23  flowtype-errors/show-errors
   24:10  error  property `deleteTask`: Covariant property `deleteTask` incompatible with contravariant use in 'assignment of property `deleteTask`'. See line 24                          flowtype-errors/show-errors
   25:32  error  'task' is missing in props validation                                                                                                                                     react/prop-types
   25:37  error  'task.text' is missing in props validation                                                                                                                                react/prop-types
   28:22  error  parameter `event`: Missing annotation                                                                                                                                     flowtype-errors/show-errors
   29:11  error  Identifier 'index_path' is not in camel case                                                                                                                              camelcase
   29:40  error  'task.index_path' is missing in props validation                                                                                                                          react/prop-types
   32:11  error  Identifier 'parent_index_path' is not in camel case                                                                                                                       camelcase
   33:16  error  'addTask' is missing in props validation                                                                                                                                  react/prop-types
   37:16  error  parameter `event`: Missing annotation                                                                                                                                     flowtype-errors/show-errors
   44:16  error  'updateTask' is missing in props validation                                                                                                                               react/prop-types
   52:84  error  'task.complete' is missing in props validation                                                                                                                            react/prop-types
   56:16  error  'deleteTask' is missing in props validation                                                                                                                               react/prop-types
   60:39  error  'task.index_path.length' is missing in props validation                                                                                                                   react/prop-types
   65:11  error  Identifier 'child_tasks' is not in camel case                                                                                                                             camelcase
   66:41  error  'task.child_tasks' is missing in props validation                                                                                                                         react/prop-types
   66:53  error  'task.child_tasks.length' is missing in props validation                                                                                                                  react/prop-types
   66:61  error  Unary operator '++' used                                                                                                                                                  no-plusplus
   67:13  error  Identifier 'child_task' is not in camel case                                                                                                                              camelcase
   68:11  error  Identifier 'child_task' is not in camel case                                                                                                                              camelcase
   74:42  error  'switchActiveTask' is missing in props validation                                                                                                                         react/prop-types
   76:19  error  Identifier 'child_task' is not in camel case                                                                                                                              camelcase
   78:13  error  HTML entities must be escaped                                                                                                                                             react/no-unescaped-entities
   83:9   error  Identifier 'context_dom' is not in camel case                                                                                                                             camelcase
   85:1   error  Line 85 exceeds the maximum line length of 100                                                                                                                            max-len
   86:9   error  Static HTML elements with event handlers require a role                                                                                                                   jsx-a11y/no-static-element-interactions
  109:25  error  'task.active' is missing in props validation                                                                                                                              react/prop-types
  110:7   error  Identifier 'context_dom' is not in camel case                                                                                                                             camelcase
  112:11  error  Form controls using a label to identify them must be programmatically associated with the control using htmlFor                                                           jsx-a11y/label-has-for
  134:22  error  Identifier 'child_tasks' is not in camel case                                                                                                                             camelcase
  136:10  error  Identifier 'context_dom' is not in camel case                                                                                                                             camelcase

/Users/matsumotokazuya/.ghq/github.com/kazuooooo/hack/app/components/Tasks.js
   4:34  error  Absolute imports should come before relative imports       import/first
   5:28  error  'createMuiTheme' is defined but never used                 no-unused-vars
   5:50  error  Absolute imports should come before relative imports       import/first
   5:95  error  Absolute imports should come before relative imports       import/first
   6:8   error  'getMuiTheme' is defined but never used                    no-unused-vars
   6:25  error  Absolute imports should come before relative imports       import/first
   7:8   error  'darkBaseTheme' is defined but never used                  no-unused-vars
   7:27  error  Absolute imports should come before relative imports       import/first
   8:8   error  'TextField' is defined but never used                      no-unused-vars
   8:23  error  Absolute imports should come before relative imports       import/first
   9:16  error  'ListItem' is defined but never used                       no-unused-vars
   9:32  error  Absolute imports should come before relative imports       import/first
  11:8   error  'ContentDrafts' is defined but never used                  no-unused-vars
  11:27  error  Absolute imports should come before relative imports       import/first
  31:21  error  'event' is defined but never used                          no-unused-vars
  32:16  error  'addTask' is missing in props validation                   react/prop-types
  37:36  error  'tasks' is missing in props validation                     react/prop-types
  37:42  error  'tasks.child_tasks' is missing in props validation         react/prop-types
  37:54  error  'tasks.child_tasks.length' is missing in props validation  react/prop-types
  37:62  error  Unary operator '++' used                                   no-plusplus
  44:36  error  'updateTask' is missing in props validation                react/prop-types
  45:36  error  'deleteTask' is missing in props validation                react/prop-types

/Users/matsumotokazuya/.ghq/github.com/kazuooooo/hack/app/components/Timer.js
  3:19  error  material-ui/Paper: Required module not found  flowtype-errors/show-errors
  6:3   error  Useless constructor                           no-useless-constructor
  6:15  error  parameter `props`: Missing annotation         flowtype-errors/show-errors

/Users/matsumotokazuya/.ghq/github.com/kazuooooo/hack/app/containers/CounterPage.js
  13:3  error  Unexpected 'debugger' statement  no-debugger

/Users/matsumotokazuya/.ghq/github.com/kazuooooo/hack/app/main.dev.js
  19:28  warning  Unexpected require()  global-require
  24:3   warning  Unexpected require()  global-require
  25:16  warning  Unexpected require()  global-require
  27:3   warning  Unexpected require()  global-require
  31:21  warning  Unexpected require()  global-require

/Users/matsumotokazuya/.ghq/github.com/kazuooooo/hack/app/reducers/tasks.js
   4:31  error  parameter `tasks`: Missing annotation                           flowtype-errors/show-errors
   4:31  error  'tasks' is already declared in the upper scope                  no-shadow
   4:60  error  parameter `action`: Missing annotation                          flowtype-errors/show-errors
   6:5   error  Unexpected lexical declaration in case block                    no-case-declarations
   6:5   error  Unexpected lexical declaration in case block                    no-case-declarations
   7:7   error  Assignment to property of function parameter 'action'           no-param-reassign
  10:9   error  Assignment to property of function parameter 'action'           no-param-reassign
  15:13  error  Identifier 'parent_task' is not in camel case                   camelcase
  16:13  error  Identifier 'self_index' is not in camel case                    camelcase
  19:7   error  Assignment to property of function parameter 'action'           no-param-reassign
  40:21  error  'tasks' is already declared in the upper scope                  no-shadow
  40:28  error  Identifier 'index_path' is not in camel case                    camelcase
  45:21  error  'tasks' is already declared in the upper scope                  no-shadow
  45:28  error  Identifier 'index_path' is not in camel case                    camelcase
  46:9   error  Identifier 'parent_task' is not in camel case                   camelcase
  47:9   error  Identifier 'index_in_parent' is not in camel case               camelcase
  51:18  error  'tasks' is already declared in the upper scope                  no-shadow
  51:25  error  Identifier 'index_path' is not in camel case                    camelcase
  52:20  error  Identifier 'current_task' is not in camel case                  camelcase
  56:23  error  Identifier 'index_path' is not in camel case                    camelcase
  61:16  error  property `state`: Property not found in 'Storage'. See line 61  flowtype-errors/show-errors

✖ 115 problems (110 errors, 5 warnings)

Install error

yarn dev game me this error.

{ Error: EACCES: permission denied, open '/Users/matar/Library/Application Support/Electron/extensions/fmkadmapgofadopljbjfkapdkoienihi/build/inject.js'

Solved it by givig permission on build folder

Looks like same isssue got fixed here.

Parent task complementation

If all child tasks are completed, their parent task should be completed automatically.
But, their are some other complicated patterns to think carefully.
(ex. the all child tasks should be unchecked, if the parent task unchecked?)

It might be better user can not control parent task complete status.

performance

UX was very bad (slow) with 19 empty tasks.

suspecting reason may be sortable tree component.

text field is slow

Task text field is little bit slow because it update state every character change....

make task hackable

Current implementation is too monolithic in Task.js.
I want to make this class more simple and easy to extend.

Add CI tool

Add CI tool to check ESLint.
(Auto run fix desirable)

state type mismatch warning

on state following warning is displayed on chrome dev tool.

The previous state received by the reducer has unexpected type of "String". Expected argument to be an object with the following keys: "router", "tasks"

deleted tasks stays on array

Current Action is saving child task on array. So deleted tasks stays as null and index continues after that.
we should use some tree data structue like this one (if we stay with current UI).

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. 📊📈🎉

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google ❤️ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.