React-Trello

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

• React
• Redux
• React-beautiful-dnd
• Sass
• Webpack
• Babel
• Express
• MongoDB
• Passport

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 project
git clone https://github.com/horis233/React-Trello.git
cd React-Trello
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

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