I couldn't find more post regarding interview experience for frontend role. So, sharing mine. I was contacted by a recruiter and asked to schedule phone screen in next days itself. I was not prepared well but went ahead to give a shot.

Phone Screen:
Some basic questions like different HTTP methods, how to optimize pge lod time, Browser caching, CDN, etc.. All were very basic.

Asked to implement the following,

Create a horizontal navigation bar and on hover display vertical submenus. On hover the horizontal menu position shouldn’t be changed

Menu 1           ||   Menu 2           ||   Menu 3

* SubMenu 1
* SubMenu 2
* SubMenu 3 

'({})'.isValid() // true
'(}'.isValid // false

Got the feedback in one week and the result was positive. I was told I will be getting an email to schedule for virtual onsite. But I didn't receive any email to schedule and no response from the recruiter as well even after multiple calls and emails. After two months again I got a call from the same recruiter and she told the previous position was closed and now there is a new position whether I would like to continue the process. I was asked to schedule the onsite in the next week itself.

Round 1 - (DS & Algo)

• A variation of https://leetcode.com/problems/tag-validator/
• Tree traversal problem. I couldn't find that question in leetcode but I would say Easy - Medium difficulty level.
• No leadership questions

How it went?: This round went well. Able to give optimal solution for both the problems.

Round 2 - (Leadership principles)

Standard Behavioral questions like,

• Tell me a situation when you had a conflict with coworker
• Tell me a situation when you got negative feedback from your manager. How did you handle that?

How it went?: I felt I could have performed better. Eventhough I prepared with multiple situation based questions, there are multiple questions around the same situation and you will be run out of story.

Round 3 - (System Design)

• Design a carousel. Instead of images, it will be a card with address and it should be dynamic( should be fetched from API on next/previous)

How it went?: Recruiter had hard time explaining this to me and took around 20min just to explain the requirement. We discussed multiple approaches and asked to code as well. I couldn't implement everything on time.

Round 4 - (Hiring Manager)

• Island problem. I told I know the problem before but he is fine with that and asked me to code.
• Design online movie booking system
• Some behavioral questions

How it went?: It went well. For me this was the best round.

Round 5 - (Front End)

• Design star rating widget - in vanilla JS
• Some JS and CSS selectors tricky questions

How it went?: Beforehand I have prepared for star rating component. Even the JS questions were not very tricky. Overall, it went well.

Result
As expected, feedback from system design round is not positive and I was asked to reapply again after 6 months.

I didn't have a clear picture of what to prepare. Some suggested to do more DS & algo and some suggested more JS questions. I feel both should be 50-50. This is also my first interview after a long time. I hope with enough preparation I will rock next time.