Landing Page Rebuild
Rebuild a marketing page section from a screenshot or spec. Tests HTML, CSS, responsive behaviour, and design collaboration.
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.
E-commerce Shopping Cart
Build a functional shopping cart experience. Tests state management, data persistence, edge case handling, and complex UI interactions.
Accessible Modal Dialog
Build a modal dialog system from scratch. Tests DOM manipulation, React Portals, WAI-ARIA accessibility standards, and reusable component design.
Performance Optimization
Refactor an existing application to improve Core Web Vitals. Tests lazy loading, code-splitting, rendering strategies, and identifying performance bottlenecks.
Interactive Dashboard Layout
Build a complex, data-rich interface. Tests modern CSS layouts, responsive design, charting libraries, and real-time data handling.
Complex Multi-step Form
Build a robust data collection flow. Tests state management across steps, complex validation rules, form accessibility, and UX patterns.
Full-Stack CRUD Application
Build a complete application from database to UI. Tests backend routing, database queries, API design, and frontend integration.
Third-Party API Integration
Integrate complex external services like Stripe or Google Maps. Tests SDK usage, webhook handling, and reading external documentation.
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.