{"id":21125382,"url":"https://github.com/sameerkali/react_coding_round_practice","last_synced_at":"2025-08-24T11:17:36.547Z","repository":{"id":238630310,"uuid":"796989059","full_name":"sameerkali/React_coding_round_practice","owner":"sameerkali","description":"⭕ practice front-end machine coding round : prerequisite html css javascript react ","archived":false,"fork":false,"pushed_at":"2025-01-22T12:00:08.000Z","size":968,"stargazers_count":67,"open_issues_count":2,"forks_count":6,"subscribers_count":1,"default_branch":"main","last_synced_at":"2025-04-13T05:13:34.394Z","etag":null,"topics":["challange","coding-round","frontend","interview","interview-questions","machine-coding-questions-frontend","react","react-coding-assignment","react-practice","sameerkali"],"latest_commit_sha":null,"homepage":"https://interview.sameerfaridi.in/","language":"JavaScript","has_issues":true,"has_wiki":null,"has_pages":null,"mirror_url":null,"source_name":null,"license":null,"status":null,"scm":"git","pull_requests_enabled":true,"icon_url":"https://github.com/sameerkali.png","metadata":{"files":{"readme":"README.md","changelog":null,"contributing":null,"funding":null,"license":null,"code_of_conduct":null,"threat_model":null,"audit":null,"citation":null,"codeowners":null,"security":null,"support":null,"governance":null,"roadmap":null,"authors":null,"dei":null,"publiccode":null,"codemeta":null}},"created_at":"2024-05-07T01:52:15.000Z","updated_at":"2025-04-10T15:02:21.000Z","dependencies_parsed_at":"2024-05-09T13:33:49.601Z","dependency_job_id":"41873e6b-59ed-4ffe-a37c-68ff354c617e","html_url":"https://github.com/sameerkali/React_coding_round_practice","commit_stats":null,"previous_names":["sameerkali/react_coding_round_practice"],"tags_count":0,"template":false,"template_full_name":null,"purl":"pkg:github/sameerkali/React_coding_round_practice","repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/sameerkali%2FReact_coding_round_practice","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/sameerkali%2FReact_coding_round_practice/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/sameerkali%2FReact_coding_round_practice/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/sameerkali%2FReact_coding_round_practice/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/sameerkali","download_url":"https://codeload.github.com/sameerkali/React_coding_round_practice/tar.gz/refs/heads/main","sbom_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/sameerkali%2FReact_coding_round_practice/sbom","host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":264639943,"owners_count":23642319,"icon_url":"https://github.com/github.png","version":null,"created_at":"2022-05-30T11:31:42.601Z","updated_at":"2022-07-04T15:15:14.044Z","host_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub","repositories_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories","repository_names_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repository_names","owners_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners"}},"keywords":["challange","coding-round","frontend","interview","interview-questions","machine-coding-questions-frontend","react","react-coding-assignment","react-practice","sameerkali"],"created_at":"2024-11-20T04:33:20.633Z","updated_at":"2025-07-10T19:33:42.837Z","avatar_url":"https://github.com/sameerkali.png","language":"JavaScript","readme":"# Technical Round Prepraction\n\n### table of content\n\n## Easy:\n- Stop Watch ✅\n- Password Generator ✅\n- Color Changing Button ✅\n- Tabs Composition ✅\n- Breadcrumbs ✅\n- OTP Login\n- Dark mode Light mode\n\n\n\n## Medium:\n\n- Selectable Grid ✅\n- Progress Bar ✅\n- Infinite Scroll ✅\n- Search Suggestions ✅\n- Holy Grail Layout ✅\n- useEffect Hook Polyfill✅ 😢\n- useMemo Hook Polyfill\n- useThrottle Hook\n- Like Button - GreatFrontEnd\n- Multi-Select Search\n- Comment Section using React (Recursion and DFS in React) // kuchh samajh nhi aaya 28-06-2024 😢\n- Modal as a functional component\n- Blink game (Rowdi Coder) ✅\n\n## Hard:\n\n- Job Board - GreatFrontEnd (Hacker News API) ✅ 😢\n- Stepper Component (RoadSide Coder \u0026\u0026 Learners Bucket)\n- Quiz App\n- Drag and Drop Notes\n- Tic Tac Toe\n- Step-by-step website walk-through helper in JavaScript\n- Detect overlapping circles (Learners Bucket)\n\n# other\n\n## Frontend Machine Coding Questions:\n\n1. Implement Star Rating functionality\n2. Create a reusable modal component with open and close functionality.\n3. Design a Pop Over component\n4. Create an Accordion UI component\n5. Build a table that supports sorting columns and filtering rows based on user input.\n6. Create an image carousel with next, previous, and auto-play functionality.\n7. Implement a counter with increment and decrement buttons and display the current count.\n8. Create a form with real-time validation for fields like email, password, and confirm password.\n9. Build a grid using HTML/CSS and JavaScript with search, sort, and event bubbling (Amazon onsite)\n10. Design a responsive NavBar\n11. Implement Infinite Scroll feature\n12. Develop Typeahead/Autocomplete functionality using a trie data structure\n13. Implement a shopping cart where users can add items, remove items, and view the total price.\n14. Build a Tic Tac Toe game\n15. Create a Snake and Ladder board game\n16. Make a Calendar of any month like a Date Picker\n17. Create custom Higher Order Functions like Map, Reduce, Filter, and Sort\n18. Design an analog clock\n19. Implement a file upload component with progress indication.\n20. Create a component that fetches data from an API and displays it in a list.\n21. Build a Todo List application\n22. Implement functionality to change all text on a page to different translations\n23. Develop a Giphy image search and display feature (using the Giphy API) in a responsive format\n24. Create a list where items can be reordered using drag and drop.\n25. Build a Connect Four game\n26. Implement Nested Checkboxes where parent and children checkboxes are synchronized\n27. Create a poll widget\n28. Build an auto-complete search input that suggests results as the user types by querying an API.\n29. Implement a resizable split pane where users can adjust the width of two panels.\n30. Implement a search input that debounces API calls to avoid excessive requests.\n31. Create an image gallery where images are lazy-loaded as they come into the viewport.\n32. Build a tabs component where content changes based on the selected tab.\n33. Implement a simple markdown editor that displays formatted text as you type.\n34. Create a basic chat interface with a message input, send button, and message display area.\n35. Implement a form that is fully accessible, including proper ARIA roles and keyboard navigation.\n\n## Done:\n\n- Stop Watch : ✅\n- Selectable Grid : ✅\n- Password Generator : ✅\n- Progress Bar : ✅\n- Infinite Scroll : ✅\n- Search Suggestions : ✅\n- Color Changing Button : ✅\n- Holy Grail Layout : ✅\n- Tabs Composition : ✅\n- useEffect Hook Polyfill✅ 😢\n- Job Board - GreatFrontEnd (Hacker News API) ✅ 😢\n- Blink game (Rowdi Coder) ✅\n","funding_links":[],"categories":[],"sub_categories":[],"project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fsameerkali%2Freact_coding_round_practice","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fsameerkali%2Freact_coding_round_practice","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fsameerkali%2Freact_coding_round_practice/lists"}