Skip to content

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

License

Notifications You must be signed in to change notification settings

algert072/react-kanban

This branch is 1 commit ahead of markusenglund/react-kanban:master.

Folders and files

NameName
Last commit message
Last commit date

Latest commit

8b0122b · Dec 29, 2021
Jun 8, 2018
Jul 16, 2018
Mar 25, 2018
Mar 30, 2018
Jan 19, 2018
Mar 31, 2018
Dec 29, 2021
Mar 31, 2018
Jan 1, 2019
Jan 1, 2019
Jan 1, 2019
Mar 21, 2018
May 31, 2018

Repository files navigation

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

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

Languages

  • JavaScript 75.0%
  • SCSS 20.1%
  • CSS 4.9%