Interview
Machine coding
Timed UI builds scored on structure, accessibility, edge cases, and product sense — not only visual polish.
Todo App
beginnerMachine-coding brief for a production-minded todo list — requirements, architecture, state, a11y, and extensions.
45–60 min
Autocomplete Search Box
intermediateAutocomplete Search Box explained for frontend engineers — mental model, examples, common mistakes, and interview tips.
45–60 min
Infinite Scroll Feed
intermediateInfinite Scroll Feed explained for frontend engineers — mental model, examples, common mistakes, and interview tips.
45–60 min
Image Carousel
intermediateImage Carousel explained for frontend engineers — mental model, examples, common mistakes, and interview tips.
45–60 min
Accessible Modal Dialog
intermediateAccessible Modal Dialog explained for frontend engineers — mental model, examples, common mistakes, and interview tips.
45–60 min
Custom Dropdown Select
intermediateCustom Dropdown Select explained for frontend engineers — mental model, examples, common mistakes, and interview tips.
45–60 min
Multi Select Chips Input
intermediateMulti Select Chips Input explained for frontend engineers — mental model, examples, common mistakes, and interview tips.
45–60 min
Nested Comments Thread
intermediateNested Comments Thread explained for frontend engineers — mental model, examples, common mistakes, and interview tips.
45–60 min
File Explorer Tree View
intermediateFile Explorer Tree View explained for frontend engineers — mental model, examples, common mistakes, and interview tips.
45–60 min
Kanban Board
intermediateKanban Board explained for frontend engineers — mental model, examples, common mistakes, and interview tips.
45–60 min
Drag and Drop List Reorder
intermediateDrag and Drop List Reorder explained for frontend engineers — mental model, examples, common mistakes, and interview tips.
45–60 min
Lite Spreadsheet Grid
advancedLite Spreadsheet Grid explained for frontend engineers — mental model, examples, common mistakes, and interview tips.
45–60 min
Calendar Month View
intermediateCalendar Month View explained for frontend engineers — mental model, examples, common mistakes, and interview tips.
45–60 min
Chat Message UI
intermediateChat Message UI explained for frontend engineers — mental model, examples, common mistakes, and interview tips.
45–60 min
Emoji Picker Panel
intermediateEmoji Picker Panel explained for frontend engineers — mental model, examples, common mistakes, and interview tips.
45–60 min
Color Picker Widget
intermediateColor Picker Widget explained for frontend engineers — mental model, examples, common mistakes, and interview tips.
45–60 min
Rich Text Toolbar
intermediateRich Text Toolbar explained for frontend engineers — mental model, examples, common mistakes, and interview tips.
45–60 min
Split Markdown Editor
intermediateSplit Markdown Editor explained for frontend engineers — mental model, examples, common mistakes, and interview tips.
45–60 min
Code Editor Line Numbers
intermediateCode Editor Line Numbers explained for frontend engineers — mental model, examples, common mistakes, and interview tips.
45–60 min
Shopping Cart Drawer
intermediateShopping Cart Drawer explained for frontend engineers — mental model, examples, common mistakes, and interview tips.
45–60 min
Product Filters Sidebar
intermediateProduct Filters Sidebar explained for frontend engineers — mental model, examples, common mistakes, and interview tips.
45–60 min
Pagination Component
intermediatePagination Component explained for frontend engineers — mental model, examples, common mistakes, and interview tips.
45–60 min
Sortable Data Table
intermediateSortable Data Table explained for frontend engineers — mental model, examples, common mistakes, and interview tips.
45–60 min
Virtualized Data Table
advancedVirtualized Data Table explained for frontend engineers — mental model, examples, common mistakes, and interview tips.
45–60 min
Multi Step Wizard
intermediateMulti Step Wizard explained for frontend engineers — mental model, examples, common mistakes, and interview tips.
45–60 min
Tabs Component
intermediateTabs Component explained for frontend engineers — mental model, examples, common mistakes, and interview tips.
45–60 min
Accordion FAQ
intermediateAccordion FAQ explained for frontend engineers — mental model, examples, common mistakes, and interview tips.
45–60 min
Toast Notification System
intermediateToast Notification System explained for frontend engineers — mental model, examples, common mistakes, and interview tips.
45–60 min
Smart Tooltip Positioning
intermediateSmart Tooltip Positioning explained for frontend engineers — mental model, examples, common mistakes, and interview tips.
45–60 min
Polling Metrics Dashboard
intermediatePolling Metrics Dashboard explained for frontend engineers — mental model, examples, common mistakes, and interview tips.
45–60 min
Offline Status Indicator
intermediateOffline Status Indicator explained for frontend engineers — mental model, examples, common mistakes, and interview tips.
45–60 min
Star Rating Input
intermediateStar Rating Input explained for frontend engineers — mental model, examples, common mistakes, and interview tips.
45–60 min
OTP Input Boxes
intermediateOTP Input Boxes explained for frontend engineers — mental model, examples, common mistakes, and interview tips.
45–60 min
Typeahead Mentions
intermediateTypeahead Mentions explained for frontend engineers — mental model, examples, common mistakes, and interview tips.
45–60 min
Image Cropper Lite
intermediateImage Cropper Lite explained for frontend engineers — mental model, examples, common mistakes, and interview tips.
45–60 min
Video Player Controls
intermediateVideo Player Controls explained for frontend engineers — mental model, examples, common mistakes, and interview tips.
45–60 min
More problems (coming soon)
- Kanban Board
- Image Carousel
- Infinite Scroll
- Nested Comments
- File Explorer
- Spreadsheet
- Calendar
- Chat App
- Code Editor
- Shopping Cart
- Autocomplete
- Drag and Drop