• Should receive: image size (one of provided by unsplash API), on image selected handler which accepts URL to image in selected size.
• Should fetch images by search string from unsplash API
• Should display 12 images as thumbnails
• Should trigger on image selected handler when one of images gets clicked
• After user stops inserting input should fetch new images (see)

Zmiana stanu zachodzi podczas przesunięcia taska z jednej kolumny do drugiej

• Should be placed inside "pages" directory
• Should get all boards from global state and display them
• When one of items gets clicked should navigate to new page with this board "/board/:id"
• Should implement onBoardAdded which updates global state with new value

Blocked

• Should receive: task object (members, comments, attachments, description, tittle, image (optional), on close handler (on close handler receives updated task object), isOpened.
• Should store task data as state
• Should implement logic for handling values change (example: onDescriptionSaved, onCommentAdded etc.)

Figma: https://www.figma.com/file/UOqXCGxVb1fjY7pWUzvI8K/Thullo---Trello-Clone?node-id=1%3A301

• Should receive: title, tasks, on add handler
• Should create Task component for each passed task
• As last element should display add element button with ‘Add another card’ caption or ‘Add another list’ if nor title or tasks were provided

Blockers: #7

Figma: https://www.figma.com/file/UOqXCGxVb1fjY7pWUzvI8K/Thullo---Trello-Clone?node-id=1%3A2129

• Should receive: text content, date, toggle edit state handler, on delete handler, on value change, on submit, isEditable, on cancel handler, user data
• Should be able to switch between two modes – display and edit
• In edit mode should allow for input change and should display save and cancel button

i just test if workflow works

• Should be placed inside "pages" directory
• Should get board object (columns (which contains tasks), users, status (private or public), title, createdOn) from global state.
• Should implement on column added handler
• Should implement drag & drop mechanics to enable movement of tasks between columns
• Should allow toggling dashboard menu drawer
• When task gets clicked, should open modal with task details

Figma: https://www.figma.com/file/UOqXCGxVb1fjY7pWUzvI8K/Thullo---Trello-Clone?node-id=1%3A15

• Should receive: click event handler, text
• On click should run click event handler
• Should display received text

Should return 4 columns with initial titles:

• Backlog
• To do
• In progress
• Done

Column data structure:

• title
• issues

Figma: https://www.figma.com/file/UOqXCGxVb1fjY7pWUzvI8K/Thullo---Trello-Clone?node-id=1%3A879

• Should receive: list of attachments, on add handler, on delete handler
• Should pass on delete handler to each Attachment component
• Should trigger on add handler when add button was pressed

Blockers: #9

Zastanowić się nad rozwiązaniem w wypadku co zrobić, gdy w kolumnie istnieją taski

• Should receive: text, icon, on click handler
• Should trigger on click handler when clicked

• Should receive: text, on text saved handler
• Should store passed text
• Save button should trigger on text saved handler and pass new text

Nice to have:

• Should allow rich formatting

Initial state:

Edition state:

Create React Router with two empty routes (or routes with just a text):

• for dashboards path "dashboards"
• for a specific dashboard - "dashboard/:id"

• Should receive: title, users, description, on description changed handler, on user removed handler
• Should display dashboard creator - an admin
• Should display description
• Should display team members

• Should receive: list of users, is deletable flag, on delete handler;
• If is deletable is true than next to each user should be displayed remove button or "Admin" if user is an admin
• Remove button should trigger on delete handler

• Should receive: list of users, on add user handler
• Should filter users by string
• Should filter users that are already assign to task
• Invite button should pass user id and trigger on add user handler

• Should generate either image URL or file URL (file shouldn't be downloadable)
• Should generate title, date
• Should return generated attachment

Figma: https://www.figma.com/file/UOqXCGxVb1fjY7pWUzvI8K/Thullo---Trello-Clone?node-id=1%3A3267

• Should receive: title, cover image URL, users, on click handler
• Should trigger on click handler when clicked

Blockers: #10

• Should receive: on created handler, on modal closed
• Should allow for choosing cover from image picker
• Should allow for inserting title
• Should allow toggling between private and public mode
• Should trigger on created handler after user interaction with create button, and pass to it dashboard object with contains: title, cover image url, dashboard status (private or public)
• Should trigger on modal closed after user chooses to cancel or close modal

Figma: https://www.figma.com/file/UOqXCGxVb1fjY7pWUzvI8K/Thullo---Trello-Clone?node-id=1%3A879

• Should receive: image URL (optional), file URL (optional), date, title, on delete handler
• Should display passed date and title.
• Should display image if image URL was passed, otherwise should display two first letters of title
• Should trigger on delete handler when delete button was clicked.
• Should trigger download for either image or file

• Should receive: list of users
• Should generate title, description faker.js
• Should generate attachment using already prepared function
• Should select a few of users as task members

Blockers: #22

add attachements with Multer

• Should fetch/load user image (your call, worth considering https://avatars.dicebear.com/docs/installation)
• Should generate name and surname, role (either admin or user), uuid; using faker.js
• Should return generated user

Figma: https://www.figma.com/file/UOqXCGxVb1fjY7pWUzvI8K/Thullo---Trello-Clone?node-id=1%3A301

• Should receive: list of users, isAppendable, on append handler, icon limit
• If user has no profile image should display first letter of name and surname
• If isAppendable is true should display additional element with plus sign and trigger append handler if it gets clicked
• if number of users is greater than a limit it should display icons for first X users and than display '+ Y others', where Y is a number
  of not displayed users

Figma: https://www.figma.com/file/UOqXCGxVb1fjY7pWUzvI8K/Thullo---Trello-Clone?node-id=1%3A15 , https://www.figma.com/file/UOqXCGxVb1fjY7pWUzvI8K/Thullo---Trello-Clone?node-id=1%3A3267 – it’s only one component

• Should receive: board title, user
• Should display different content based on board title

Figma: https://www.figma.com/file/UOqXCGxVb1fjY7pWUzvI8K/Thullo---Trello-Clone?node-id=1%3A15 , https://www.figma.com/file/UOqXCGxVb1fjY7pWUzvI8K/Thullo---Trello-Clone?node-id=1%3A2911

• Should receive: title, image cover (optional), assigned users, click event handler, number of comments, number of attachments, on create task handler
• If initialized without data should have text input for title and save button
• Should display image cover if passed to component
• Should run click event handler on click
• Should display users icons for passed users
• Should display passed title

Blockers: #10

Figma: https://www.figma.com/file/UOqXCGxVb1fjY7pWUzvI8K/Thullo---Trello-Clone?node-id=1%3A2129

• Should receive: text content, on value changed handler, on submit handler.
• Should run value changed handler on user input.
• Should run on submit handler on submit.

sddsadnsad nsad nams