{"id":28348951,"url":"https://github.com/nitindahiya-dev/machine-coding-prep","last_synced_at":"2025-07-16T12:05:41.136Z","repository":{"id":293821909,"uuid":"985214345","full_name":"nitindahiya-dev/machine-coding-prep","owner":"nitindahiya-dev","description":"machine-coding challenges designed to supercharge your frontend interview preparation! 🎯 ","archived":false,"fork":false,"pushed_at":"2025-05-20T16:56:03.000Z","size":541,"stargazers_count":0,"open_issues_count":0,"forks_count":0,"subscribers_count":1,"default_branch":"main","last_synced_at":"2025-07-04T07:17:12.629Z","etag":null,"topics":["frontendmentor-challenge","interview","interview-practice","interview-preparation","machine-coding"],"latest_commit_sha":null,"homepage":"https://machine-coding-prep.vercel.app","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/nitindahiya-dev.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,"zenodo":null}},"created_at":"2025-05-17T09:48:53.000Z","updated_at":"2025-05-20T16:56:06.000Z","dependencies_parsed_at":"2025-05-17T11:28:43.530Z","dependency_job_id":null,"html_url":"https://github.com/nitindahiya-dev/machine-coding-prep","commit_stats":null,"previous_names":["nitindahiya-dev/machine-coding-prep"],"tags_count":0,"template":false,"template_full_name":null,"purl":"pkg:github/nitindahiya-dev/machine-coding-prep","repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/nitindahiya-dev%2Fmachine-coding-prep","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/nitindahiya-dev%2Fmachine-coding-prep/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/nitindahiya-dev%2Fmachine-coding-prep/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/nitindahiya-dev%2Fmachine-coding-prep/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/nitindahiya-dev","download_url":"https://codeload.github.com/nitindahiya-dev/machine-coding-prep/tar.gz/refs/heads/main","sbom_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/nitindahiya-dev%2Fmachine-coding-prep/sbom","host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":265508236,"owners_count":23779102,"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":["frontendmentor-challenge","interview","interview-practice","interview-preparation","machine-coding"],"created_at":"2025-05-27T19:11:22.500Z","updated_at":"2025-07-16T12:05:41.076Z","avatar_url":"https://github.com/nitindahiya-dev.png","language":"JavaScript","readme":"\u003ch1\u003e🚀 Frontend Interview Machine-Coding Prep\u003c/h1\u003e\n\n\u003cp\u003eWelcome to a curated collection of 35 machine-coding challenges designed to supercharge your frontend interview preparation! 🎯 This repository helps you master real-world coding problems asked by top companies like Atlassian, Uber, Microsoft, and more. Build UI components, interactive features, and advanced JavaScript/React solutions to ace your next interview.\u003c/p\u003e\n\n\u003cp\u003e\u003cb\u003eProgress: 2/35 challenges implemented\u003cb\u003e\u003c/p\u003e\n\n\u003ch2\u003e🎯 Why This Repository?\u003c/h2\u003e\n\n\u003cli\u003eReal Interview Questions: Sourced from actual frontend interviews at top tech companies.\u003c/li\u003e\u003cbr\u003e\n\u003cli\u003eHands-On Practice: Build with React, Vanilla JS, and CSS.\u003c/li\u003e\u003cbr\u003e\n\u003cli\u003eComprehensive Coverage: From Todo Lists to advanced challenges like Batch API Calls.\u003c/li\u003e\u003cbr\u003e\n\u003cli\u003eInterview-Ready: Learn best practices and edge cases.\u003c/li\u003e\u003cbr\u003e\n\n\u003cp\u003e📋 Challenges\u003c/p\u003e\n\n1. Tic-Tac-Toe with Bot\n\n2. Feature Flag Component\n\n3) Multi-Stepper Component\n\n4) Switch-Case Component\n\n5) Infinite Scroll\n\n6) Two-Step Login Form\n\n7) Todo List\n\n8) Search with Pagination\n\n9) Responsive Slideshow\n\n10) Responsive Slideshow Gallery\n\n11) Lightbox\n\n12) Functional Modal\n\n13) Detect Overlapping Circles\n\n14) Animate Elements in Sequence\n\n15) Preview Zoomed Image on Hover\n\n16) Search with Autocomplete\n\n17) Image Auto-Carousel\n\n\n18) Search with Autosuggestion\n\n\n19) Pagination Component\n\n\n20) Word Typing Effect\n\n\n21) Scroll Indicator\n\n22) Toggle Switch\n\n23) Accordion\n\n24) Capture Product in Viewport\n\n25) Website Walkthrough Assistance\n\n26) Number Increment Counter\n\n27) Highlight Text on Selection\n\n28) Batch API Calls in Sequence\n\n29) Time in Human-Readable Format\n\n30) Image Comparison Slider\n\n31) Preview Selected Color Swatches\n\n32) To-Do Card List\n\n33) Multi-Stepper Form\n\n34) Grid Component\n\n35) Spinner with CSS\n\n\u003ch4\u003eNote: Only switch-case and infinite-scroll are currently implemented. Others are placeholders.\u003c/h4\u003e\n\n\n🌟 Bonus: Data Structures\nIncludes 19 JavaScript data structure implementations to strengthen your coding fundamentals. Find them in the data-structures folder.\n\n🙌 Contribute\nWant to add a challenge or fix a bug? Contributions are welcome!\n\n📬 Contact\nQuestions or suggestions? Open an issue or reach out via GitHub.\u003cbr\u003e\nHappy coding, and good luck with your interviews! 🎉\n\nProject under construction. Stay tuned for more challenges!","funding_links":[],"categories":[],"sub_categories":[],"project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fnitindahiya-dev%2Fmachine-coding-prep","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fnitindahiya-dev%2Fmachine-coding-prep","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fnitindahiya-dev%2Fmachine-coding-prep/lists"}