Trello is a collaborative tool that organizes tasks into Kanban style. It is good for an overview of the project but difficult to keep track of one's tasks when there are too many boards / cards assigned.
Use the Trello API to create a Web app that has the following functions. You can assume that all users have the latest version of the Google Chrome browser.
-
Display the mentions of the user in a Google Inbox style interface. User can click "Read" manually to mark a message as Read, and can reply to mentions directly in the Web app, which would result in a new comment being posted to the corresponding card. Since there is no "Read" state API for mentions provided by Trello, your app should persist the "Read" states on the client side (local storage, WebSQL, etc.)
-
Another section provides a search function for cards. It represent each board as a column, and in each column, there are dividers that denote lists. So each column reads like this, vertically: <|List1| [Card 1] [Card 2] [Card 3] |List 2| [Card 4] [Card 5]>. The topic use case for this can be to have one big screen to displayed cards assigned to one's self, such as by the query "@me -list:Done"
Your solution will be assessed on:
- Correctness
- Performance
- Extra UI features / animations / aesthetics / responsive UI / attention to details
- Code Style / Terseness / Proper use of latest technologies
- Production ready tuned build for:
- any static SPA or Nodejs Hosting (express, heroku, ... )
- show what have modify for the production build for webpack configuration
Bonus:
- preferred framework on Vuejs, Reactjs
- Material Design scss(css or components library)
- follow one of the ESlint style
You are free to use any dialects of JavaScript -- such as ES6, CoffeeScript, LiveScript, TypeScript, Haste, etc. You are also encouraged to use latest frameworks
Please include clear building instructions. If we struggle too much to build your app your submission will be discarded.