Learningsuite Repo

This is a Monorepo for the LearningSuite built and distributed by SeekInnovation.

Table of contents

• Learningsuite Repo
• Assignment instructions
• Requirements
• Getting Started:
• Installation of packages
• NX Docs (workspace)

Assignment instructions

Your Assignment is to build a Kanban-Board, like in Trello where the user is able to drag and drop cards between lists (columns).

This is a great UI example built in React & Material UI: https://minimals.cc/dashboard/kanban

The given Example is just inspiration. You don't need to make the card clickable and you don't need to make it as pretty as the example.

Code Clarity & Strucutre is more important in this assignment then the looks of the final UI.

With this test we want to figure out how well you cope with a library that you are probably not familiar with and if you understand the basics of React & TypeScript.

For drag and drop you shall use react-beautiful-dnd (https://github.com/atlassian/react-beautiful-dnd) (it needs to be installed in this monorepo)

Requirements

• Drag and drop (DND) is a must have
• Add a new Card to a column
• Drag a card to another column
• Sorting cards via DND should also work
• Structure the current state of the columns and cards so that the state is serializable as JSON (storing and loading is not required)

Not required

• Deleting a Card is NOT required
• Changing Card or Column title is NOT required
• Showing images is a nice to have but is not required

Getting Started:

You should use the node.js version specified in .nvmrc. If you use nvm, nvm use will select it automatically.

Go to the project root and run yarn and yarn start. Further reading on how to use this workspace: NX Docs (workspace)

Installation of packages

Packages are only and really ONLY installed in the root folder!! So go to root and run yarn add <package-name> or for dev packages yarn add -D <package-name>

FYI: Documentation of this Mono Repo

NX Docs (workspace)