https://github.com/nitindahiya-dev/machine-coding-prep

machine-coding challenges designed to supercharge your frontend interview preparation! 🎯
https://github.com/nitindahiya-dev/machine-coding-prep

frontendmentor-challenge interview interview-practice interview-preparation machine-coding

Last synced: 4 months ago
JSON representation

machine-coding challenges designed to supercharge your frontend interview preparation! 🎯

• Host: GitHub
• URL: https://github.com/nitindahiya-dev/machine-coding-prep
• Owner: nitindahiya-dev
• Created: 2025-05-17T09:48:53.000Z (6 months ago)
• Default Branch: main
• Last Pushed: 2025-05-20T16:56:03.000Z (6 months ago)
• Last Synced: 2025-07-04T07:17:12.629Z (4 months ago)
• Topics: frontendmentor-challenge, interview, interview-practice, interview-preparation, machine-coding
• Language: JavaScript
• Homepage: https://machine-coding-prep.vercel.app
• Size: 528 KB
• Stars: 0
• Watchers: 1
• Forks: 0
• Open Issues: 0
• Metadata Files:
  • Readme: README.md

Awesome Lists containing this project

README

          
🚀 Frontend Interview Machine-Coding Prep


Welcome 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.


Progress: 2/35 challenges implemented


🎯 Why This Repository?


Real Interview Questions: Sourced from actual frontend interviews at top tech companies.



Hands-On Practice: Build with React, Vanilla JS, and CSS.



Comprehensive Coverage: From Todo Lists to advanced challenges like Batch API Calls.



Interview-Ready: Learn best practices and edge cases.



📋 Challenges


1. Tic-Tac-Toe with Bot

2. Feature Flag Component

3) Multi-Stepper Component

4) Switch-Case Component

5) Infinite Scroll

6) Two-Step Login Form

7) Todo List

8) Search with Pagination

9) Responsive Slideshow

10) Responsive Slideshow Gallery

11) Lightbox

12) Functional Modal

13) Detect Overlapping Circles

14) Animate Elements in Sequence

15) Preview Zoomed Image on Hover

16) Search with Autocomplete

17) Image Auto-Carousel

18) Search with Autosuggestion

19) Pagination Component

20) Word Typing Effect

21) Scroll Indicator

22) Toggle Switch

23) Accordion

24) Capture Product in Viewport

25) Website Walkthrough Assistance

26) Number Increment Counter

27) Highlight Text on Selection

28) Batch API Calls in Sequence

29) Time in Human-Readable Format

30) Image Comparison Slider

31) Preview Selected Color Swatches

32) To-Do Card List

33) Multi-Stepper Form

34) Grid Component

35) Spinner with CSS

Note: Only switch-case and infinite-scroll are currently implemented. Others are placeholders.


🌟 Bonus: Data Structures

Includes 19 JavaScript data structure implementations to strengthen your coding fundamentals. Find them in the data-structures folder.

🙌 Contribute

Want to add a challenge or fix a bug? Contributions are welcome!

📬 Contact

Questions or suggestions? Open an issue or reach out via GitHub.


Happy coding, and good luck with your interviews! 🎉

Project under construction. Stay tuned for more challenges!