/Front-End-Game

Endgame for Frontend! Bunch of frontend projects usually asked in machine coding rounds of frontend interviews

Primary LanguageJavaScript

Front-End-Game

GitHub last commit GitHub commit activity GitHub repo size

This repository consists of various UI exercises which are frequently asked in machine coding rounds of Frontend interviews. If you want to practice along, you can fork the repository and start practising by adding your solutions to the already added projects, or by creating a new project. Please follow the guidelines specified in PROJECT.md.

List of projects added so far:

  • Sudoku -> Implement a 9x9 Sudoku puzzle with the following conditions

    • user can perform operations like undo and redo
    • a reset button to reset the game
    • track number of moves
    • state of the game needs to be persisted
  • Star Ratings -> Create star rating utility

    • Default state must display n unfilled stars
    • On hovering over any star, all the stars before that star and that star must get filled till the mouse is over the star
    • On clicking a star, all the stars before that star and that star must get filled
  • Pixel Art -> Implement pixel art board with the following conditions

    • user can select a colour from colour palette
    • on clicking an empty cell, selected colour gets filled in the cell
    • on dragging over the cells, a constant faded colour gets filled in the cells
  • Chess Board -> Create chess board exercise

    • Create the board using JavaScript
    • On clicking a block, all the blocks on both the diagonals should get highlighted
  • Color Spotter -> Create color spotter game

    • Create the game board using JavaScript
    • On clicking the odd coloured cell, increment the score and increase board size by 1
    • On clicking any other cell, reset the score and board size to 4
  • Progress Bar -> Create progress bar exercise

    • Create the progress bar exercise using JavaScript
    • On clicking the run button, progress bar should transition from start to end
    • On clicking the button multiple times, the progress animation should get queued