Utopian V2 task / Article module: add tags (Completed)

in #utopian-io5 years ago (edited)

utopian-V2-task.jpg

Repository

https://github.com/utopian-io/v2.utopian.io/issues/215

Details

Difficulty: 3/5
It's like the skills feature of the profile but we need to restricted the characters to:
[a-z0-1-.#] so alphanum / lowercase only and -, ., #
Just like stackoverflow (if I missed a special character confirm it with me)

Design
image

Acceptance criteria

  • When the user types at least 2 characters return a list of max 10 tags with a 'starts with' filter
  • Display the number of occurrences in the search result but add only the tag name. Ex: development (2345)
  • A user can create a tag if it doesn't exist
  • An article can have between 1 and 5 tags
  • Use the quasar chips input component

UML
add tags as a required array of string

General advice

  • You need to be sure that what you developed is responsive. To do this, it is not enough to check on the phone. You should also you manually resize the browser. Here is a hint: use the quasar breakpoints and col-* classes.
  • You need to verify your work on multiple browsers, including Chrome and Firefox. If you can also check multiple OS, even better.
  • All strings must be placed in the i18n package
  • Don't forget to run yarn test in the root package

Deadline

This task should be completed within 2 weeks

Reward

Liquid STEEM will be sent to the task solver once the task is completed, as decided by the project owner.
Access additional rewards by publishing the contribution via Utopian once merged.

The reward will depend on the task difficulty:

  • difficulty 1/5: 50 STEEM
  • difficulty 2/5: 100 STEEM
  • difficulty 3/5: 200 STEEM
  • difficulty 4/5: 350 STEEM
  • difficulty 5/5: 600 STEEM

Communication

We, the dev core team, are here to help you develop your task in the best way possible.
@nothingismagick @icaro and I (@gregory [mod] on discord) will be available in a dedicated channel on the utopian discord.

Remember that your can check the public project page any time to see if the task is currently in progress.