Technical Round Prepraction

table of content

Easy:

• Stop Watch ✅
• Password Generator ✅
• Color Changing Button ✅
• Tabs Composition ✅
• Breadcrumbs ✅
• OTP Login
• Dark mode Light mode

Medium:

• Selectable Grid ✅
• Progress Bar ✅
• Infinite Scroll ✅
• Search Suggestions ✅
• Holy Grail Layout ✅
• useEffect Hook Polyfill✅ 😢
• useMemo Hook Polyfill
• useThrottle Hook
• Like Button - GreatFrontEnd
• Multi-Select Search
• Comment Section using React (Recursion and DFS in React) // kuchh samajh nhi aaya 28-06-2024 😢
• Modal as a functional component
• Blink game (Rowdi Coder) ✅

Hard:

• Job Board - GreatFrontEnd (Hacker News API) ✅ 😢
• Stepper Component (RoadSide Coder && Learners Bucket)
• Quiz App
• Drag and Drop Notes
• Tic Tac Toe
• Step-by-step website walk-through helper in JavaScript
• Detect overlapping circles (Learners Bucket)

other

Frontend Machine Coding Questions:

1. Implement Star Rating functionality
2. Create a reusable modal component with open and close functionality.
3. Design a Pop Over component
4. Create an Accordion UI component
5. Build a table that supports sorting columns and filtering rows based on user input.
6. Create an image carousel with next, previous, and auto-play functionality.
7. Implement a counter with increment and decrement buttons and display the current count.
8. Create a form with real-time validation for fields like email, password, and confirm password.
9. Build a grid using HTML/CSS and JavaScript with search, sort, and event bubbling (Amazon onsite)
10. Design a responsive NavBar
11. Implement Infinite Scroll feature
12. Develop Typeahead/Autocomplete functionality using a trie data structure
13. Implement a shopping cart where users can add items, remove items, and view the total price.
14. Build a Tic Tac Toe game
15. Create a Snake and Ladder board game
16. Make a Calendar of any month like a Date Picker
17. Create custom Higher Order Functions like Map, Reduce, Filter, and Sort
18. Design an analog clock