Vue.js Interview Challenge  —Sorting Profiles

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.

Problem statement

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.

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.

One of the requirements was to implement sorting on the list based on the number of likes each doctor has. You implemented sortAsc and sortDesc methods for that and you hooked them up to appropriate buttons.

interview-tips vuejs interview-questions interview-preparation interview vue

Bootstrap 5 Complete Course with Examples

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

Building a simple Applications with Vue 3

Deno Crash Course: Explore Deno and Create a full REST API with Deno

How to Build a Real-time Chat App with Deno and WebSockets

Convert HTML to Markdown Online

HTML entity encoder decoder Online

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 — #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.

Vue.js Interview Challenges

Frontend interviews are not the easiest. How should you prepare? Where should you start? These are some common questions that anyone who is beginning interview preparation has. This series is a guide for those preparing for frontend interviews that includes Vue.js framework.