React & Next.js Practical UI Labs

Build an accessible profile form

Implements labeled fields, client validation, error summaries, focus recovery, and pending submission state.

Build a recoverable route error boundary

Builds a route-level Next.js failure UI with safe reporting, retry, and an escape route while keeping expected errors out of the boundary.

Build upload progress and retry recovery

Models file validation, progress, cancellation, failure, and retry without losing the selected file.

Debounce search and discard stale responses

Combines debounce cleanup, AbortController, and request identity to prevent stale search results.

Fix a time-based hydration mismatch

Moves non-deterministic browser-only rendering behind a stable server snapshot and post-hydration update.

Implement an optimistic favorite with rollback

Applies an immediate reversible mutation, blocks overlapping writes, and restores the previous state on failure.

.NET Full Stack

Full-cycle .NET full-stack interview preparation.

A role-based preparation path covering C#, ASP.NET Core APIs, data access, frontend integration, testing, deployment, system design, real-life scenarios, and behavioral interview topics.

React & Next.js Frontend Foundations