Notifications

Thullo - Trello Clone

Challenge: Create a Thullo - Trello Clone application. You can use/extend Authentication Challenge or create your own authentication system for this challenge. Use any front-end libraries of your choice. Create your API. Don’t look at the existing solution. Fulfill user stories below:

  • User story: I can list of available boards
  • User story: I can add a new board with a cover photo, title and visibility options
  • User story: I can see a board with different columns, team members,... according to the design
  • User story: I can add a new list
  • User story: I can add a new card to the existing list
  • User story: I can set the visibility of the board
  • User story: I can add a member to the board (user must exist in the system)
  • User story: I can change the name of the board by selecting it
  • User story: I can change/add the description of the board
  • User story: Given I am an admin, I can remove members from the board
  • User story: I can move a card from a column to another one by drag and drop
  • User story: When a card is selected, I can rename the title by selecting it
  • User story: When a card is selected, I can see which column the card belongs to
  • User story: When a card is selected, I can see and change the description
  • User story: When a card is selected, I can add new attachments and I can download and delete existing attachments
  • User story: When a card is selected, I can add a new comment. Given I am the author, I can edit and delete the comment.
  • User story: When a card is selected, I can change the card cover image by searching from Unsplash
  • User story: When a card is selected, I can add labels with given colors

Check out Trello for the interactions and references.

API: https://unsplash.com/documentation

Icon: https://google.github.io/material-design-icons/

Once you completed, submit your solutions by providing URLs for both GitHub repository and live app on any hosting platform (5 Free Hosting Platform) and explain briefly what you have done.

As long as you fulfill all the user stories, you can give your personal touches by adding transition, using your own images, changing colors,...

Remember to put your name on the footer to prevent other from submitting your solutions.

You can check others’ solutions and give them feedbacks.

How to start

  1. Read the challenge's details
  2. Start the challenge and download the resources
  3. Check designs on Figma
  4. Have fun coding!!