markusenglund / react-kanban Goto Github PK
View Code? Open in Web Editor NEWA Trello-like application built with React and Redux. Take a look at the live website:
Home Page: https://www.reactkanban.com
License: MIT License
A Trello-like application built with React and Redux. Take a look at the live website:
Home Page: https://www.reactkanban.com
License: MIT License
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
I've noticed that it's possible to add multiple users to boards by editing the mongodb documents.
My suggestions:
owner
attribute to the board schema.Btw, I love this app ๐
Any tips & level of difficulty getting this Kanban to be a scheduling board where:
npm install looks for a Python executable and, of course, fails.
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
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 ]
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.
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
I already built the using npm run build and then npm run serve but still stuck at [nodemon] clean exit - waiting for changes before restart
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?
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
Hello, can some one tell me why i have so much errors trying to install app?
2019-11-07T10_16_28_390Z-debug.log
Please update the package.json
the repo contains 500+ vulnerabilities
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
[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...
A declarative, efficient, and flexible JavaScript library for building user interfaces.
๐ Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.
TypeScript is a superset of JavaScript that compiles to clean JavaScript output.
An Open Source Machine Learning Framework for Everyone
The Web framework for perfectionists with deadlines.
A PHP framework for web artisans
Bring data to life with SVG, Canvas and HTML. ๐๐๐
JavaScript (JS) is a lightweight interpreted programming language with first-class functions.
Some thing interesting about web. New door for the world.
A server is a program made to process requests and deliver data to clients.
Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.
Some thing interesting about visualization, use data art
Some thing interesting about game, make everyone happy.
We are working to build community through open source technology. NB: members must have two-factor auth.
Open source projects and samples from Microsoft.
Google โค๏ธ Open Source for everyone.
Alibaba Open Source for everyone
Data-Driven Documents codes.
China tencent open source team.