finds.dev← search

// the find

toddmotto/angular-1-5-components-app

★ 569 · JavaScript · updated Apr 2020

A Contacts Manager application built on Angular 1.5 components, ui-router 1.0.0, Firebase.

A reference app by Todd Motto demonstrating AngularJS 1.5's component model with ui-router 1.0 and Firebase, built as a teaching companion for his Angular course. It's a contacts manager — deliberately simple so the architecture stays visible. The audience is developers migrating from Angular 1.x directives to the component model circa 2016–2017.

The component decomposition is genuinely well done — stateful vs. stateless components are separated correctly, one-way data flow is enforced consistently, and lifecycle hooks are used where they belong rather than crammed into controllers. The test coverage is thorough for this era: every component, service, and controller has a spec file, including a Firebase mock that avoids real network calls. The SCSS architecture mirrors the component tree, which makes styles easy to trace. ui-router 1.0's resolve pattern is used properly to pre-fetch data before state activation, avoiding the common pattern of loading spinners inside components.

Last touched in 2020, built against AngularJS 1.5 which reached end-of-life in December 2021 — this is dead technology. Firebase is the old SDK (v2/v3 era), and the auth and database APIs it uses are deprecated or gone. You cannot run the live demo today without hitting broken Firebase calls. There are no real error boundaries: auth failures and Firebase errors fall silently through promise chains with no user feedback. As a learning resource it's frozen in 2016 patterns; anyone picking this up as a reference for modern architecture is learning history, not practice.

View on GitHub → Homepage ↗

// 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 →