markusenglund/react-kanban

README

React Kanban

A server-rendered React app inspired by Trello.

Features

It has most of the features available on Trello, like creating and editing new cards, dragging around cards and so on.
Supports GitHub flavored markdown, which enables stuff like headings and checklists on the cards.
Works great on touch devices.

Tech stack

Development

Setting up the full app with your own mongoDB instance and auth credentials for Twitter and Google sign-in requires significant effort. Use the simplified set up if you don't want to bother with that.

Simplified setup

# Clone the simple-dev branch which does not include db and social sign-in stuff
git clone https://github.com/yogaboll/react-kanban.git -b simple-dev

cd react-kanban

npm install

npm run build

# Open a second terminal window and run:
npm run serve

The app will run on http://127.0.0.1:1337

Full setup

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

cd react-kanban

npm install

You need to add your own mongoDB url as well as auth credentials for the Google and Twitter sign in. You need to create a file with the name .env in the root directory with the following variables:

MONGODB_URL
MONGODB_NAME
TWITTER_API_KEY
TWITTER_API_SECRET
GOOGLE_CLIENT_ID
GOOGLE_CLIENT_SECRET
SESSION_SECRET

# Has to be port 1337
ROOT_URL=http://127.0.0.1:1337

npm run build
npm run serve

For production deployment run:

npm run build:prod
npm run serve:prod