Skip to content
This repository has been archived by the owner on Aug 15, 2021. It is now read-only.

markusenglund/react-kanban

master
Switch branches/tags

Name already in use

A tag already exists with the provided branch name. Many Git commands accept both tag and branch names, so creating this branch may cause unexpected behavior. Are you sure you want to create this branch?
Code

Files

Permalink
Failed to load latest commit information.
Type
Name
Latest commit message
Commit time
src
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 

React Kanban

A server-rendered React app inspired by Trello.

react kanban example

Check out the live website

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

About

A Trello-like application built with React and Redux. Take a look at the live website:

Resources

License

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published