Giter VIP home page Giter VIP logo

react-kanban's People

Contributors

ahadc avatar markusenglund avatar twiw49 avatar

Stargazers

 avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar

Watchers

 avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar

react-kanban's Issues

How do you make the `react-beautiful-dnd` auto scroll horizontally ๏ผŸ

Hi, I'm using react-beautiful-dnd to make our kanban function. But the problem about horizontally auto-scrolling trouble me very much. The issue is submit here. In short, (as the author said), the react-beatiful-dnd will not auto scroll if I have two level scrollable containers (one is horizontal, the other is vertical).
But when I read your code and play with your demo, there is not the problem like mine. So, what magic do you use to solve the problem? Could you tell me? Thx very much! @yogaboll

Add an option to share boards with other users.

I've noticed that it's possible to add multiple users to boards by editing the mongodb documents.

My suggestions:

  • Add an owner attribute to the board schema.
  • The owner of a board should be able to add other users to that board through the webapp.
  • Only the owner should be able to delete its own boards and add other users.
  • Add a settings menu to boards
  • The owner should be able to choose if the additional board users can read or modify the board.

Btw, I love this app ๐Ÿ˜

Kanban board for time/resource scheduling?

Any tips & level of difficulty getting this Kanban to be a scheduling board where:

  1. The vertical access is time for each task
  2. The cards have height proportional to the time the individual task takes
  3. The columns will be for resources (in our case repair stations)

Write instructions on how to run the project for development

I am trying to run the project for development and using the npm run build command (after running mongo) gives the following error:

/Users/sahibjot/Document/Github/react-kanban/node_modules/webpack/lib/TemplatedPathPlugin.js:43
       throw new Error(
       ^
Error: Path variable [contenthash:6] not implemented in this context: bundle.[contenthash:6].css
     at fn(../node_modules/webpack/lib/TemplatedPathPlugin.js:43:11)
     at fn(../node_modules/webpack/lib/TemplatedPathPlugin.js:31:16)
     at RegExp.[Symbol.replace] (native)
     String.replace (native)
...

Also, not able to select the error logs.

Node: v7.10.0
macOS High Sierra: Version 10.13.3
Mongo: Version 3.0.5

npm install failed

Dear developers,
We have followed the instruction to install the full version and encounter the below error due to node-zopli. The simple version is however working as expected.

git clone https://github.com/yogaboll/react-kanban.git
cd react-kanban
npm install

34550 verbose stack Error: [email protected] install: `node-pre-gyp install --fallback-to-build`
34550 verbose stack Exit status 1
34550 verbose stack     at EventEmitter.<anonymous> (/usr/local/lib/node_modules/npm/node_modules/npm-lifecycle/index.js:304:16)
34550 verbose stack     at EventEmitter.emit (events.js:182:13)
34550 verbose stack     at ChildProcess.<anonymous> (/usr/local/lib/node_modules/npm/node_modules/npm-lifecycle/lib/spawn.js:55:14)
34550 verbose stack     at ChildProcess.emit (events.js:182:13)
34550 verbose stack     at maybeClose (internal/child_process.js:962:16)
34550 verbose stack     at Process.ChildProcess._handle.onexit (internal/child_process.js:249:5)
34551 verbose pkgid [email protected]
34552 verbose cwd /Users/___/Documents/ReactProjects/___/react-kanban
34553 verbose Darwin 17.7.0
34554 verbose argv "/usr/local/bin/node" "/usr/local/bin/npm" "install"
34555 verbose node v10.8.0
34556 verbose npm  v6.2.0
34557 error code ELIFECYCLE
34558 error errno 1
34559 error [email protected] install: `node-pre-gyp install --fallback-to-build`
34559 error Exit status 1
34560 error Failed at the [email protected] install script.
34560 error This is probably not a problem with npm. There is likely additional logging output above.
34561 verbose exit [ 1, true ]

Items move to the top

In the demo here:

https://brockreece.github.io/vue-kanban/

if I take item with id 4 and try to put it under id 6, in flashes as it's going there, but then jumps to the top of the approved column. Is this a bug? a misconfiguration? something else?

If necessary, I can record a video of this.

Problem with material-ui

Since I'm trying to use material-ui in react-kanban I get this error, is this any known problem how can I get it working with react-kanaban?

ERROR in ./node_modules/react-transition-group/esm/TransitionGroup.js
    Module not found: Error: Can't resolve '@babel/runtime/helpers/esm/objectWithoutPropertiesLoose' in 'C:\Users\ivanj\Documents\Development\React-Apps\React-Kanban-Playground\react-kanban-6\react-kanban\node_modules\react-transition-group\esm'
     @ ./node_modules/react-transition-group/esm/TransitionGroup.js 1:0-100 111:16-45
     @ ./node_modules/@material-ui/core/ButtonBase/TouchRipple.js
     @ ./node_modules/@material-ui/core/ButtonBase/ButtonBase.js
     @ ./node_modules/@material-ui/core/ButtonBase/index.js
     @ ./node_modules/@material-ui/core/Button/Button.js
     @ ./node_modules/@material-ui/core/Button/index.js
     @ ./src/app/components/List/DialogSelect.jsx
     @ ./src/app/components/List/List.jsx
     @ ./src/app/components/Board/Board.jsx
     @ ./src/app/components/Board/BoardContainer.jsx
     @ ./src/app/components/App.jsx
     @ ./src/client.jsx

Error npm

I asked 5 expirienced developers to install the Full setup and nobody was able to do that beceuse all they say is that this package has errors, Any chance you fix this?

Add Component into existing components

I have created my own Component that I wanted to integrate in the existing Card.jsx component
<myComp /> like this. I have Imported the Component and added it but for some reason the component is not visible! Is there any special procedure I need to follow in this app to add my own components?

Also what I noticed is I can't take for example existing components like ListAdder and add it in the Header for example, I import it correctly and add the jsx tag where I want the component to show up but nothing happens. So is in this app some special procedure to follow for adding and moving components around? Thanks

Add .env boolean variables to disable login options.

It would be really useful to add these optional env variables to disable/enable certain login options.

ENABLE_GUEST_LOGIN=false # Set to true by default
ENABLE_GOOGLE_LOGIN=false # Set to true by default
ENABLE_TWITTER_LOGIN=false # Set to true by default

The app should crash if no login options are enabled, and the app should ignore the API keys and secrets variables if that login option is disabled

When trying to start

[nodemon] 1.18.4
[nodemon] to restart at any time, enter rs
[nodemon] watching: .
[nodemon] starting node dist/server.js dist/server.js
internal/modules/cjs/loader.js:582
throw err;
^

Error: Cannot find module 'C:\Users\ivnj\Development\NodeProjects\kanban\react-kanban\dist\server.js'
at Function.Module._resolveFilename (internal/modules/cjs/loader.js:580:15)
at Function.Module._load (internal/modules/cjs/loader.js:506:25)
at Function.Module.runMain (internal/modules/cjs/loader.js:741:12)
at startup (internal/bootstrap/node.js:285:19)
at bootstrapNodeJSCore (internal/bootstrap/node.js:739:3)
[nodemon] app crashed - waiting for file changes before starting...

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.