aichallengesafrica
Take a challenge
HomeChallengesRepsProblemsLeaderboardTake a challenge
TRACK 05

Angular

The same dashboard and the same form as the React track, built the Angular way. Signals, standalone components, reactive forms.

9 challenges2 free4h of build time

Angular Sprint

The same two builds as the React track, done the Angular way.

  1. Login FormA reactive login form with real validation, visible errors, and a button that cannot be pressed twice.Intermediate · 20 min
  2. Routes and GuardsLazy-loaded routes, a functional guard that remembers where you were going, and data resolved before the component renders.Intermediate · 25 min · Pro
  3. User DashboardThe React dashboard, in Angular: fetch on start, handle every state, derive the rest with signals.Advanced · 40 min · Pro
  4. A Signal StoreA service holding shared state in signals, with an optimistic update that rolls back exactly when the request fails. This is the stage that separates people who have read about signals from people who have shipped them.Advanced · 30 min · Pro

Angular Components That Fit Together

The same five builds as the React composition sprint, done the Angular way.

  1. Inputs Flow DownA product card assembled from three standalone components. Nothing has state; everything arrives as an input. The React sprint calls these props.Beginner · 15 min
  2. Content ProjectionA Panel that does not know what goes inside it. ng-content is what React calls children, and select is how you get more than one hole.Beginner · 15 min · Pro
  3. A List and Its RowThe same table as the React sprint. One component owns the list, another owns a row, and the empty case is a real state rather than a blank table.Intermediate · 20 min · Pro
  4. Inputs Down, Outputs UpA search box, a count and a list that must always agree. Angular has an answer React does not: the change comes back up as an output, not as a callback prop.Intermediate · 20 min · Pro
  5. Smart and DumbSplit a dashboard into the component that injects and derives and the one that only draws. The drawing half must render from inputs alone — that is the test of whether you got it right.Advanced · 25 min · Pro