Vue.js Interview Challenge  — Add and Filter Profiles

Vue.js Interview Challenge  — Add and Filter Profiles

In this challenge you have a list of profiles. Each item on the list is a doctor profile that contains basic information of each doctor and a number of likes.

Problem statement

NOTE!_ This challenge is based on the solution from the previous challenge, if you haven’t completed the previous challenge I highly recommend you to do that before continuing with this challenge._

In this challenge you have a list of profiles. Each item on the list is a doctor profile that contains basic information of each doctor and a number of likes.

You have a set of profiles ready to be shown and ProfileCard component that takes a profile prop and renders a single profile. You used v-for directive to iterate through the profiles array render the list.

There are also two button you can use to sort the list.

You were asked to implement additional features to the list, below are the requirements.

vuejs interviewing interview interview-questions interview-tips vue

What is Geek Coin

What is GeekCash, Geek Token

Best Visual Studio Code Themes of 2021

Bootstrap 5 Tutorial - Bootstrap 5 Crash Course for Beginners

Nest.JS Tutorial for Beginners

Hello Vue 3: A First Look at Vue 3 and the Composition API

Top 130 Android Interview Questions - Crack Technical Interview Now!

Top Android Interview Questions & Answers from Beginner to Advanced level. Get ready to crack your next android interview with these android interview questions

Vue.js Interview Challenge  — Debounced Search

You finished the task and is was working fine, but the requirements changed and we will use the API instead of a fixed list now. Unfortunately, the API is not ready yet, but you were asked to proceed with mocked data and prepare the solution.

Vue.js Interview Challenge — List of Wonders

In this challenge, you created a list of List of wonders of the Ancient World. When user hovers over an item on the list, a tooltip with a beautiful rainbow symbolising that it was a true wonder should appear.

Vue.js Interview Challenge  —Sorting Profiles

In this challenge you have a list of items. Each item on the list is a doctor profile that contains basic information of each doctor and a number of likes. You also have an option to write a comment about a specific doctor, you can use an input that is located directly below each profile.

Vue.js Interview Challenge — #5 — Roll the Dice

In this challenge we want to simulate a dice roll implementing a logic that returns a random value in range from 1 to 6 when the user clicks on the button.