{"resource":{"author":{"id":"3eh0kijZwMrHum8TkMqX","name":"Devtools Tech","username":"devtoolstech"},"content":{"link":"","difficulty":4,"domain":2,"type":1,"isInternal":true,"body":"Note: This interview experience was contributed by a user of [devtools.tech](https://devtools.tech) platform. You can contribute your interview experiences [here](https://forms.gle/FsFk4YBaWjbLRThb6) and interview questions [here](https://forms.gle/Kve2m3bKHRCtKDKq5).\r\n\r\n## Round 1\r\n\r\nThis round was around JavaScript/React fundamentals and one machine coding problem. It was divided into two parts:\r\n\r\n- Part 1: Questions around core JavaScript and React fundamentals. We discussed about Hoisting, Closures, React Hooks, Event Loop ([Recommend Resource](https://www.youtube.com/watch?v=gxs9mwjH0wA&list=PL4ruoTJ8LTT8L0AV6yHM0-QBfPz0m634W)), Websockets, Promises, CSS (flexbox, grid), and similar web fundamentals. It was a very fluid conversation.\r\n\r\n- Part 2: I was asked to build a grid of cells and toggle functionality around it, it was called [Grid Toggle (Solve here)](https://devtools.tech/questions/s/grid-toggle---qid---nkzq3JC5eXzmCDAzD2nz?type=3).\r\n\r\n## Round 2\r\n\r\nThis round was full fledged machine coding round. I was asked to build an interactive chart bar component from scratch using React, without any existing charting functionalities. I had to implement mulitple functionalities with some basic UI animations.\r\n\r\nSimilar Question: https://devtools.tech/questions/s/how-to-build-an-interactive-jira-velocity-bar-chart-atlassian-browser-coding-round-interview-question---qid---H24LHAOpjxtuol41iGn8\r\n\r\n## Round 3\r\n\r\nThis was a general hiring manager round which focused on \r\n\r\n- Assesing the cultural fit\r\n- Testing against [Blinkit's values](https://blinkit.com/values)\r\n- Questions about past experience and situations where I handled conflicts within the team, and similar questions\r\n\r\n> Tip: Be honest and prepare examples against company values from your past experience.","languages":[],"editorConfig":"undefined"},"stats":{"views":5433,"used":0,"likes":0},"description":"","published":true,"isActive":true,"tags":["javascript","ui","ux","devtools tech","coding","blinkit","interview experience","frontend"],"slug":"blinkit-frontend-interview-experience-sde-1---rid---j7MSrpMfo09YVcBzRXYa","isPremium":false,"categories":[],"requires":[],"_id":"6967584e132ce4e954b254eb","title":"Blinkit Frontend Interview Experience (SDE 1)","resourceId":"j7MSrpMfo09YVcBzRXYa","createdAt":1768380494057,"modifiedAt":1768380691069},"currentUser":null,"isOwner":false,"recommendations":{"questions":[{"_id":"62b1ca18d3473370ac368c1f","content":{"languages":["react","html"],"difficulty":4},"tags":["javascript","react","frontend coding challenge","ui","js","js fundamentals","codedamn","frontend masters","egghead","react tabs","tabs","pagination","card","card example","frontend interview question"],"slug":"how-to-build-a-ui-card-with-tabs-or-frontend-coding-challenge-or-javascript-interview-question-or-react---qid---7NrTygmpStPLFdWWNcts","title":"How to build a UI Card with Tabs? | Frontend Coding Challenge | JavaScript Interview Question | React","questionId":"7NrTygmpStPLFdWWNcts"},{"_id":"661569c84e1bed1edc0cab08","content":{"languages":["javascript","typescript"],"difficulty":4},"tags":["klarna","interview question","ui","ux","devtools tech","frontend interview question","problem solving","credit card","razorpay","fintech","tutorial"],"slug":"implement-a-credit-card-masker-or-klarna-frontend-interview-question-or-javascript---qid---AdZLcjN3FNivgYCuq5pa","title":"Implement a Credit Card Masker | Klarna Frontend Interview Question | JavaScript","questionId":"AdZLcjN3FNivgYCuq5pa"},{"_id":"6420760e6577005718b72fa5","content":{"languages":["javascript","typescript"],"difficulty":2},"tags":["javascript","jquery","frontend","ui","ux","color","problem solving","devtools tech","frontend probelm solving","interview question","tutotials","jquery css"],"slug":"implement-jquery-css-method-or-frontend-interview-question-or-javascript---qid---XdUmvnDPqQv5erbAq12B","title":"Implement jQuery.css method | Frontend Interview Question | JavaScript","questionId":"XdUmvnDPqQv5erbAq12B"},{"_id":"696e2b69132ce4e954ba3481","content":{"languages":["javascript","typescript"],"difficulty":1},"tags":["javascript","ui","ux","devtools tech","coding","frontend interview question","flipkart interview question","interview problem"],"slug":"repeat-characters---qid---9I0hQBRdt4d5buJYVUss","title":"Repeat Characters","questionId":"9I0hQBRdt4d5buJYVUss"},{"_id":"67fd233eb40f8acce9adf35d","content":{"languages":["react","html"],"difficulty":2},"tags":["javascript"," ui"," ux"," devtools tech","coding","game","chess path finder","interview coding challenge","ui coding challenge","html","dom","css"],"slug":"chess-path-finder-visualiser---qid---fXPEuYFNJjsQfBLOKtAI","title":"Chess Path Finder Visualiser","questionId":"fXPEuYFNJjsQfBLOKtAI"}],"resources":[{"_id":"69a7c81b92f33c7d8aa04c9e","content":{"difficulty":1,"domain":1,"type":2,"isInternal":false,"languages":[]},"tags":["javascript","ui","ux","devtools tech","coding","frontend"],"slug":"how-to-refactor-large-codebases---rid---Fyjq9knxMC4wxz0QOfzH","title":"How to refactor large codebases?","resourceId":"Fyjq9knxMC4wxz0QOfzH"},{"_id":"5f202d38cbec5f7ffc0c2fbc","content":{"difficulty":1,"domain":2,"type":2},"tags":["Slice"," Splice"," Javascript ","Interview Questions "],"slug":"slice-and-splice-oror-javascript-interview-questions-oror-puneet-ahuja---rid---vJoGsYEHYTzhQDdvQJ4O","title":"Slice and Splice || Javascript Interview Questions || Puneet Ahuja","resourceId":"vJoGsYEHYTzhQDdvQJ4O"},{"_id":"6339359342e7761bfac16e89","content":{"difficulty":1,"domain":2,"type":2,"isInternal":false},"tags":["javascript","requestly","frontend","devtools tech","coding","mock server","mock api","headers","redirect","api"],"slug":"how-to-supercharge-your-development-workflow-or-reviewing-requestlyio-or-improving-frontend-dx---rid---vgQNMcZkgncuDninBiYf","title":"How to Supercharge Your Development Workflow!? | Reviewing Requestly.io | Improving Frontend DX","resourceId":"vgQNMcZkgncuDninBiYf"},{"_id":"601c195f0858864c592fb52e","content":{"difficulty":2,"domain":2,"type":2},"tags":["Javascript","Interview Questions","Web Development","Frontend"],"slug":"chained-calculator-or-frontend-interview-series-or-puneet-ahuja-or-devtools-tech---rid---ohM3pdtnJDCKDgW5nZOy","title":"Chained Calculator | Frontend Interview Series | Puneet Ahuja | Devtools Tech","resourceId":"ohM3pdtnJDCKDgW5nZOy"},{"_id":"69b3e73392f33c7d8ab0e2bd","content":{"difficulty":4,"domain":2,"type":1,"isInternal":true,"languages":[]},"tags":["javascript","ui","ux","devtools tech","interview experiences","frontend coding"],"slug":"cars24-frontend-interview-experience---rid---5CxS7tyPLqunm9n3xIfH","title":"Cars24 Frontend Interview Experience","resourceId":"5CxS7tyPLqunm9n3xIfH"}]}}