Accessible Modal Dialog
Build a modal dialog system from scratch. Tests DOM manipulation, React Portals, WAI-ARIA accessibility standards, and reusable component design.
API Data Fetching
Build a frontend that interacts with a REST API. Tests asynchronous JavaScript, React state management, error handling, and performance optimization.
Authentication Flow
Build secure login, signup, and session management. Tests form validation, global state handling, secure cookie management, and protected routes.
Complex Multi-step Form
Build a robust data collection flow. Tests state management across steps, complex validation rules, form accessibility, and UX patterns.
E-commerce Shopping Cart
Build a functional shopping cart experience. Tests state management, data persistence, edge case handling, and complex UI interactions.
Full-Stack CRUD Application
Build a complete application from database to UI. Tests backend routing, database queries, API design, and frontend integration.
Interactive Dashboard Layout
Build a complex, data-rich interface. Tests modern CSS layouts, responsive design, charting libraries, and real-time data handling.
Landing Page Rebuild
Rebuild a marketing page section from a screenshot or spec. Tests HTML, CSS, responsive behaviour, and design collaboration.
Performance Optimization
Refactor an existing application to improve Core Web Vitals. Tests lazy loading, code-splitting, rendering strategies, and identifying performance bottlenecks.
Complex State Machines
Build applications with many intersecting states, like a custom video player or a browser game. Tests reducer logic, XState, and avoiding impossible states.