Frontend Engineering

Accessibility basics for forms and components

Explains labels, keyboard behavior, focus, semantic HTML, errors, color contrast, and accessible custom controls.

Avoid duplicated derived state in React

Explains when to derive values during render instead of storing duplicate state that can drift.

Build a filtered and paginated list page

Explains URL-backed filters, API query parameters, pagination, sorting, empty states, and shareable list views.

Build an accessible profile form

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

Build an admin CRUD workflow with permissions

Explains admin list/edit/delete workflows with capability checks, audit events, confirmation, validation, and recovery.

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.

.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