finds.dev← search

// the find

johnpapa/angular-tour-of-heroes

★ 822 · TypeScript · Apache-2.0 · updated Oct 2023

Angular - Tour of Heroes - The Next Step after Getting Started

The official Angular Tour of Heroes tutorial app, maintained by John Papa as a companion to the Angular docs. It's a minimal CRUD demo covering routing, services, and HTTP — the canonical first Angular app you build when learning the framework. Not a starter template; a teaching artifact.

Flat, easy-to-read structure with no unnecessary abstraction — every concept is visible without digging. The in-memory data service is a nice trick that lets the app work without a backend while still demonstrating HTTP patterns. Covers the real Angular fundamentals that trip people up early: reactive forms patterns, RxJS in a service, and component communication via Input/Output.

Last touched in October 2023 and generated with Angular CLI 1.2 from 2017 — the project structure predates standalone components, signals, and the new control flow syntax that are now the idiomatic Angular way. Still uses NgModules and Protractor for e2e, both of which Angular has moved away from. The README still references the `-prod` build flag that was deprecated years ago. Fine as a historical reference but you'd be learning patterns you'd immediately have to unlearn for a modern Angular 17+ project.

View on GitHub →

// want more like this?

We dig through GitHub every week and send a few repos picked for what you actually care about — each with an honest take like this one.

Get finds in your inbox → Search again →