A collection of React.js machine coding questions and frontend interview challenges that I am practicing to strengthen my problem-solving skills, React fundamentals, TypeScript knowledge, and frontend system design concepts.
The goal of this repository is to prepare for Frontend Engineer and SDE interviews by building commonly asked machine coding problems from scratch.
- React.js
- TypeScript
- Vite
- Tailwind CSS
- REST APIs
- Custom Hooks
- Accordion
- Random Color Generator
- Star Rating
- Image Slider
- Load More Button
- Tree View / Recursive Navigation Menu
- QR Code Generator
- Light & Dark Theme Switch
- Scroll Indicator
- Tabs
- Modal Popup
- Advance Todo App
- Advance Calculator App
- GitHub Profile Finder
- Search Autocomplete with API Integration
- Tic Tac Toe
- Feature Flag Implementation
- Scroll to Top & Bottom
- Scroll to Particular Section
- useFetch
- useOnClickOutside
- useWindowResize / useResponsive / useDevice
- Weather App
- Food Recipe App
- Shopping Cart App
- Expense Tracker App
- MERN Stack Blog App
- State Management
- Component Composition
- Custom Hooks
- API Integration
- Recursive Components
- Performance Optimization
- Responsive UI
- Theme Management
- Accessibility
- Reusable Components
- TypeScript
- Frontend Architecture
This repository is created to:
- Practice React machine coding questions.
- Prepare for SDE and Frontend Engineer interviews.
- Improve problem-solving skills.
- Build reusable UI components.
- Strengthen React and TypeScript fundamentals.
- Infinite Scroll
- Virtualized Lists
- Drag and Drop Kanban Board
- Multi-Step Form Wizard
- File Explorer
- Data Table
- Debounce and Throttle Hooks
- Toast Notification System
- Command Palette
- Rich Text Editor
git clone <repository-url>
cd react-machine-coding
npm install
npm run devSuggestions, improvements, and additional machine coding questions are always welcome.
⭐ If you find this repository useful, consider giving it a star.