This repository contains my coding practice of frontend in React framework.

Link to component code	Description
01 File Explorer	It is the folder structure display just like vscode. One can add file or folder into the structure.
02 Pagination	It is the implementation of pagination into a website.
03 Password Generator	It helps in generating random passwords.
04 Progress Bar	It is a progress bar with accessibility and scalability(can accommodate new functionality).
05 Grid Lights	It is a game in which one can click on the cell to change its background color. Once all the cells are filled with green then they will be white again in reverse order of clicking.
06 LRU Cache	It is the simulation of LRU(Least Recently Used) cache. When one clicks on one of the tabs, if data doesn't exist in cache then it will get loaded & rendered(takes 1 second delay) and will be stored into the LRU cache else data is fetched from the cache(causing no delay).
07 Like Button	It is a simple like button that does network call on like or unlike and shows the button state accordingly.
08 useEffect Polyfill	It is a simulation of useEffect hook.
09 Theme and Breadcrumbs	Light/Dark mode implementation using react context. Breadcrumbs in products related pages for easy navigation.
10 OTP UI	This is a simple OTP UI that handles cases based on user input. Cases such as: the focus moves to empty boxes of the OTP as user enters value, only one digit per box is allowed by taking the last entered value in the box, on having all boxes filled it shows "successfull login!!!".
11 multi select search	This is a search box with debouncing to minimize network calls. Users can select multiple users from the search results, and each selected user is displayed as a removable chip. Duplicate selections are prevented.
12 Stepper	It is a stepper component commonly shown on e-commerce websites for placing orders. It includes dynamic steps, currently ranging from customer information to order placement.
13 Quiz App	It is a simple Quiz app that shows result at the end of 10 questions.
14 Selectable Grid	It is a simple grid in which user can drag a mouse and select a sub-grid.
15 Dragable Notes	In this app, notes can be dragged and their positions are saved. If a note overlaps with another, it will return to its previous position.