Collection of Frontend interview challenges

Intro

FrontendChallenges repository is a collection of frontend interview challenges.It is designed to help you prepare for frontend interviews. It's free and open source.

Challenges

Click the following badges to see details of the challenges.

By Tags

By Plain Text

easy (33)

• 1・Icon and RTL
• 2・useClickOutside
• 7・Promise Order
• 8・Closure
• 16・re-render
• 18・flatten
• 32・InstanceOfClass
• 40・Layout 1
• 45・Specificity
• 49・Holy Grail
• 61・Logical Operators
• 66・this
• 69・Two functions - one object
• 74・Array.prototype.filter
• 78・Array.prototype.map
• 86・Chunk
• 91・Stack
• 95・Queue
• 99・Closure 2
• 104・Queue using Stack
• 109・jest.spyOn
• 113・Losing this
• 115・forEach and this
• 117・Composibility
• 121・F.prototype
• 123・F.prototype and constructor
• 133・Class and Prototype
• 137・Overriding constructor
• 141・range
• 145・minBy
• 148・clamp
• 161・reject
• 169・re-render 2

medium (9)

• 5・Fluid Typography
• 10・classNames
• 13・IsEmpty
• 47・Checkbox
• 55・memo
• 58・Event Emitter
• 82・Array.prototype.reduce
• 152・wait
• 158・shuffle

hard (7)

• 3・useHover
• 4・useFocusTrap
• 6・Debounce
• 20・throttle
• 35・Promise.all
• 37・Promise.race
• 43・Promise.any

Play Locally

You can try the challenges locally using your preferred IDE or text editor.

To do that, you will need the latest version of Node.js installed on your machine.

After cloning the repo, install the dependencies by:

npm install

Then and run the generate script:

npm generate

It will prompt you to select the desired language, then you can find the generated challenges in the ./playground folder.

Playground is made with vite, so you will need to install dependecies and run the dev server:

# go into playground folder
cd ./playground
# install dependencies
npm install
# run vite dev server
npm run dev

Now you should be able to open http://localhost:5173 in your browser and it will show the list of questions. Since the playground is made with vite, it supports hot module reloading. So, any change made in questions files will be reflected on browser automatically.

Inspired by

• type-challenges/type-challenges