Preview JS Yatra: Complete Interview Package

A short film for you!

Chapter 1 : System Design

[Easy] Poll Widget : Create a poll widget that is embeddable on websites.

[Medium] Image Carousel : Create a horizontally-scrolling image carousel component with responsive design, navigation controls, and auto-scrolling option

[Medium] E-commerce: Design a e-commerce platform

[Hard] Chat App : Develop a chat application with features and functionality similar to popular messaging platforms like Skype and Slack.

Notes

Chapter 2 : Machine Coding

[Medium] Star Rating: Construct a star rating component that displays a row of star icons, allowing users to choose the desired rating by selecting the number of filled stars.

Star Rating: Source Code

[Medium] Image Carousel

Image Carousel: Source Code

[Hard] Progress Bars : Develop a list of progress bars that gradually fill up concurrently, with a maximum limit of 3 bars, and include the functionality to pause and resume the progress.

Progress Bars: Solution 1 - Source Code

Progress Bars: Solution 2 - Source Code

Progress Bars: Solution 3 - Source Code

[Hard] Tic-tac-toe : Create a tic-tac-toe game with a grid size of N x N, where the goal is to achieve M consecutive marks in order to win.

Tic-tac-toe: Source Code

Chapter 3 : Javascript Coding

[Easy]: Implement findIndex

findIndex: Source Code

[Medium]: Implement intersectionWith

IntersectionWith: Source Code

[Medium]: Implement classNames

ClassNames: Source Code

[Medium] Event Emitter : Create a class that supports event subscription, emission, and callback triggering. Subscription objects are returned and can self-unsubscribe.

EventEmitter: Source Code

[Medium] Flatten : Create a function that recursively reduces the nesting of an array to a single level, effectively flattening it."

Flatten: Source Code

[Medium] Promise.all : Create an implementation of the Promise.all() function that resolves to an array of results if all the input elements are resolved, and rejects otherwise.

Promise.all: Source Code

[Medium]: Implement promiseAllSettled

promiseAllSettled: Source Code

[Medium]: Implement promiseAny

promiseAny: Source Code

[Hard] Deep Clone : Develop a function that performs a deep copy of a value while handling circular references

Deep Clone: Source Code

[Hard]: Implement HTML Serializer

Html Serializer: Source Code

Chapter 4 : Data Structures and Algorithms

[Easy] Stack : Create a stack data structure that includes the standard stack methods.

Source Code: Stack

[Medium] Binary Search : Create a function that performs binary search on a sorted array of numbers.

Source Code: Binary Search

[Medium] Breadth first search : Develop a breadth-first search algorithm that explores a directed graph in a breadth-first manner.

Source Code: BFS

[Medium] Depth first search : Create a depth-first search algorithm that explores a directed graph in a depth-first manner.

Source Code: DFS

[Medium] Queue : Create a queue data structure that includes the standard queue methods

Source Code: Queue

Chapter 5: Live Lectures

Web Security

Hunting Frontend Jobs

Hunting Frontend Jobs - Notes

Job Switch and Interviews

Job Switch & Interview Preparation (React JS)

To be added soon

Preview - JS Yatra: Complete Interview Package