jsartisan / frontend-challenges

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

Collection of Frontend interview challenges

Intro

This 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 (8)

• 1・Icon and RTL
• 2・useClickOutside
• 7・Promise Order
• 8・Closure
• 18・flatten
• 32・InstanceOfClass
• 40・Layout 1
• 45・Specificity

medium (5)

• 3・useHover
• 5・Fluid Typography
• 10・classNames
• 13・IsEmpty
• 16・re-render

hard (6)

• 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, installed 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. One important thing is 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

• typescript-challenges/typescript-challenges