Skip to content

Instantly share code, notes, and snippets.

@dikshagoyal26
Last active February 12, 2023 05:08
Show Gist options
  • Save dikshagoyal26/b548f1e7178e51c899acdf84dc79e75f to your computer and use it in GitHub Desktop.
Save dikshagoyal26/b548f1e7178e51c899acdf84dc79e75f to your computer and use it in GitHub Desktop.
Machine Coding Interviews

Frontend Interviews

  • One of the round is machine coding interview round
  • Some companies take machine coding only in Vanialla JS, HTML & JS. (Uber)
  • While other takes for the tech stack you are being hired for

What can be asked to build in machine coding round of interviews?

  • Can be asked any type of app
  • TODO list
  • Comment engine
  • E-comm website
  • Trello
  • Chatbot

Toughest part of machine coding round of interviews?

  • Time Management
    • Whole app in 1-2 hrs
    • Interviewer is watching
    • Feels like pressure
    • To avoid pressure - Practice before interview
    • In the interview - Planning will help

Questions to ask interviewer after getting the problem statement?

  • Requirements Clarification (5 minutes)
    • Discuss features are you going to develop
    • Tech Stack
      • Tell whether you are going to use TS or JS
      • CSS library for quick - Tailwind
      • Discuss about what are you using UI layer
      • Discuss about Data Layer
        • Redux for data Management
        • Context API
      • You should have a justification for the stack you are choosing

      • Library for Forms - formik
      • Routing library - react-router-dom
      • bundler - webpack/parcel
      • Testing library
      • Discuss things, but the expectation is not to cover everything. For Ex: its good to discuss about test cases but you are not expected to write them
  • Planning (5 minutes)
    • Low Level Design, prepare a UI layout
      • UI
      • Structure
      • Data flow
      • workflow
    • Spend time in planning, you will write better code

    • Can also discuss different components
  • Execution
    • Create a new project using npx create-react-app <package-name>
    • use rafce emmet shortcut to create a new component
    • Focus on functionality not on UI
    • Ask interviewer for API/hardcoded data
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment