ESC

Type to search the knowledge base.

Interview

Machine coding

Timed UI builds scored on structure, accessibility, edge cases, and product sense — not only visual polish.

Todo App

beginner

Machine-coding brief for a production-minded todo list — requirements, architecture, state, a11y, and extensions.

45–60 min

Autocomplete Search Box

intermediate

Autocomplete Search Box explained for frontend engineers — mental model, examples, common mistakes, and interview tips.

45–60 min

Infinite Scroll Feed

intermediate

Infinite Scroll Feed explained for frontend engineers — mental model, examples, common mistakes, and interview tips.

45–60 min

Image Carousel

intermediate

Image Carousel explained for frontend engineers — mental model, examples, common mistakes, and interview tips.

45–60 min

Accessible Modal Dialog

intermediate

Accessible Modal Dialog explained for frontend engineers — mental model, examples, common mistakes, and interview tips.

45–60 min

Custom Dropdown Select

intermediate

Custom Dropdown Select explained for frontend engineers — mental model, examples, common mistakes, and interview tips.

45–60 min

Multi Select Chips Input

intermediate

Multi Select Chips Input explained for frontend engineers — mental model, examples, common mistakes, and interview tips.

45–60 min

Nested Comments Thread

intermediate

Nested Comments Thread explained for frontend engineers — mental model, examples, common mistakes, and interview tips.

45–60 min

File Explorer Tree View

intermediate

File Explorer Tree View explained for frontend engineers — mental model, examples, common mistakes, and interview tips.

45–60 min

Kanban Board

intermediate

Kanban Board explained for frontend engineers — mental model, examples, common mistakes, and interview tips.

45–60 min

Drag and Drop List Reorder

intermediate

Drag and Drop List Reorder explained for frontend engineers — mental model, examples, common mistakes, and interview tips.

45–60 min

Lite Spreadsheet Grid

advanced

Lite Spreadsheet Grid explained for frontend engineers — mental model, examples, common mistakes, and interview tips.

45–60 min

Calendar Month View

intermediate

Calendar Month View explained for frontend engineers — mental model, examples, common mistakes, and interview tips.

45–60 min

Chat Message UI

intermediate

Chat Message UI explained for frontend engineers — mental model, examples, common mistakes, and interview tips.

45–60 min

Emoji Picker Panel

intermediate

Emoji Picker Panel explained for frontend engineers — mental model, examples, common mistakes, and interview tips.

45–60 min

Color Picker Widget

intermediate

Color Picker Widget explained for frontend engineers — mental model, examples, common mistakes, and interview tips.

45–60 min

Rich Text Toolbar

intermediate

Rich Text Toolbar explained for frontend engineers — mental model, examples, common mistakes, and interview tips.

45–60 min

Split Markdown Editor

intermediate

Split Markdown Editor explained for frontend engineers — mental model, examples, common mistakes, and interview tips.

45–60 min

Code Editor Line Numbers

intermediate

Code Editor Line Numbers explained for frontend engineers — mental model, examples, common mistakes, and interview tips.

45–60 min

Shopping Cart Drawer

intermediate

Shopping Cart Drawer explained for frontend engineers — mental model, examples, common mistakes, and interview tips.

45–60 min

Product Filters Sidebar

intermediate

Product Filters Sidebar explained for frontend engineers — mental model, examples, common mistakes, and interview tips.

45–60 min

Pagination Component

intermediate

Pagination Component explained for frontend engineers — mental model, examples, common mistakes, and interview tips.

45–60 min

Sortable Data Table

intermediate

Sortable Data Table explained for frontend engineers — mental model, examples, common mistakes, and interview tips.

45–60 min

Virtualized Data Table

advanced

Virtualized Data Table explained for frontend engineers — mental model, examples, common mistakes, and interview tips.

45–60 min

Multi Step Wizard

intermediate

Multi Step Wizard explained for frontend engineers — mental model, examples, common mistakes, and interview tips.

45–60 min

Tabs Component

intermediate

Tabs Component explained for frontend engineers — mental model, examples, common mistakes, and interview tips.

45–60 min

Accordion FAQ

intermediate

Accordion FAQ explained for frontend engineers — mental model, examples, common mistakes, and interview tips.

45–60 min

Toast Notification System

intermediate

Toast Notification System explained for frontend engineers — mental model, examples, common mistakes, and interview tips.

45–60 min

Smart Tooltip Positioning

intermediate

Smart Tooltip Positioning explained for frontend engineers — mental model, examples, common mistakes, and interview tips.

45–60 min

Polling Metrics Dashboard

intermediate

Polling Metrics Dashboard explained for frontend engineers — mental model, examples, common mistakes, and interview tips.

45–60 min

Offline Status Indicator

intermediate

Offline Status Indicator explained for frontend engineers — mental model, examples, common mistakes, and interview tips.

45–60 min

Star Rating Input

intermediate

Star Rating Input explained for frontend engineers — mental model, examples, common mistakes, and interview tips.

45–60 min

OTP Input Boxes

intermediate

OTP Input Boxes explained for frontend engineers — mental model, examples, common mistakes, and interview tips.

45–60 min

Typeahead Mentions

intermediate

Typeahead Mentions explained for frontend engineers — mental model, examples, common mistakes, and interview tips.

45–60 min

Image Cropper Lite

intermediate

Image Cropper Lite explained for frontend engineers — mental model, examples, common mistakes, and interview tips.

45–60 min

Video Player Controls

intermediate

Video Player Controls explained for frontend engineers — mental model, examples, common mistakes, and interview tips.

45–60 min

More problems (coming soon)