Utopian V2 task / Profile module: skills (Completed)

Repository

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

Details

Difficulty: 3/5
In order to have as much as matching skills as possible use a search component with the autocomplete component to find matching skills from other users.
Use the q-chip component
This must be a shared component like the language form component because it will be used by the bounty module later

Design

Acceptance criteria

• When the user types at least 3 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
• A user can create a tag if it doesn't exist
• set a max of 30 skills

UML
user model

• skills: 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

Components

This task will involve web and backend development.

Frontend: The edit profile page
API: The profile enpoints
API: Integration tests

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.