Grammarly FE Onsite
Had onsite on a Wednesday, heard back the next day.
React Coding:
Interviewer made me set up a codeSandBox where I would search for giphy API on google and basically set up a search functionality that would display gifs. They provided the API_KEY but I had to find the api myself by reading documentation on API Explorer | GIPHY Developers
- part 1: the user will search for a keyword and we will then use that search to fetch giphy data and we will display those gis.
part 2: css implementation. brush up on your css grid implementation basically how to display the gifs nicely in a grid. you can look up syntax
part 3: Now instead of the user writing and then clicking on search button, we watch to fetch the data after the user has finished typing. (aka implement debounce)
System design:
Design the MVP for a new web client for Messenger. You must prepare a high level design for this MVP. Do not worry about the backend. They dont care about the UI look or which framework will render the UI. Describe all required API endpoints with response/request specifications. Also the state schema.
Project deep dive
They will ask you about 1 or 2 projects you have worked in the past. Lot of “how did you do this and why” " who made the decisions" we didnt get into much technical detail as I expected.