{"id":49553120,"url":"https://github.com/wolf-361/angular-21-standalone-template","last_synced_at":"2026-05-03T00:32:19.118Z","repository":{"id":352892047,"uuid":"1216162557","full_name":"wolf-361/angular-21-standalone-template","owner":"wolf-361","description":"Production-ready Angular 21 standalone template with feature-first clean architecture","archived":false,"fork":false,"pushed_at":"2026-04-21T15:39:35.000Z","size":355,"stargazers_count":0,"open_issues_count":0,"forks_count":0,"subscribers_count":0,"default_branch":"main","last_synced_at":"2026-04-21T16:40:24.376Z","etag":null,"topics":["angular","angular-material","material-design","playwright","signals","standalone","starter-kit","template","typescript","vitest"],"latest_commit_sha":null,"homepage":"http://angular.wolf-361.ca/","language":"TypeScript","has_issues":true,"has_wiki":null,"has_pages":null,"mirror_url":null,"source_name":null,"license":null,"status":null,"scm":"git","pull_requests_enabled":true,"icon_url":"https://github.com/wolf-361.png","metadata":{"files":{"readme":"README.md","changelog":null,"contributing":null,"funding":null,"license":null,"code_of_conduct":null,"threat_model":null,"audit":null,"citation":null,"codeowners":null,"security":null,"support":null,"governance":null,"roadmap":null,"authors":null,"dei":null,"publiccode":null,"codemeta":null,"zenodo":null,"notice":null,"maintainers":null,"copyright":null,"agents":null,"dco":null,"cla":null}},"created_at":"2026-04-20T16:22:16.000Z","updated_at":"2026-04-21T15:38:21.000Z","dependencies_parsed_at":null,"dependency_job_id":null,"html_url":"https://github.com/wolf-361/angular-21-standalone-template","commit_stats":null,"previous_names":["wolf-361/angular-21-standalone-template"],"tags_count":null,"template":true,"template_full_name":null,"purl":"pkg:github/wolf-361/angular-21-standalone-template","repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/wolf-361%2Fangular-21-standalone-template","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/wolf-361%2Fangular-21-standalone-template/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/wolf-361%2Fangular-21-standalone-template/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/wolf-361%2Fangular-21-standalone-template/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/wolf-361","download_url":"https://codeload.github.com/wolf-361/angular-21-standalone-template/tar.gz/refs/heads/main","sbom_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/wolf-361%2Fangular-21-standalone-template/sbom","scorecard":null,"host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":286080680,"owners_count":32554117,"icon_url":"https://github.com/github.png","version":null,"created_at":"2022-05-30T11:31:42.601Z","updated_at":"2026-05-03T00:31:16.350Z","status":"ssl_error","status_checked_at":"2026-05-03T00:31:15.546Z","response_time":132,"last_error":"SSL_connect returned=1 errno=0 peeraddr=140.82.121.6:443 state=error: unexpected eof while reading","robots_txt_status":"success","robots_txt_updated_at":"2025-07-24T06:49:26.215Z","robots_txt_url":"https://github.com/robots.txt","online":false,"can_crawl_api":true,"host_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub","repositories_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories","repository_names_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repository_names","owners_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners"}},"keywords":["angular","angular-material","material-design","playwright","signals","standalone","starter-kit","template","typescript","vitest"],"created_at":"2026-05-03T00:32:18.548Z","updated_at":"2026-05-03T00:32:19.113Z","avatar_url":"https://github.com/wolf-361.png","language":"TypeScript","funding_links":[],"categories":[],"sub_categories":[],"readme":"# Angular 21 Standalone Template\n\nA production-ready Angular 21 starter with Material M3 theming, feature-first architecture, and a full quality gate out of the box.\n\n---\n\n## Stack\n\n| Layer           | Choice                               |\n| :-------------- | :----------------------------------- |\n| Framework       | Angular 21 (standalone, no NgModule) |\n| UI              | Angular Material M3                  |\n| State           | Signals + `httpResource()`           |\n| Styling         | SCSS with M3 design tokens           |\n| Tests           | Vitest (unit) · Playwright (e2e)     |\n| Linting         | ESLint + `eslint-plugin-boundaries`  |\n| Formatting      | Prettier                             |\n| Git hooks       | Husky + lint-staged + commitlint     |\n| Package manager | Bun                                  |\n\n---\n\n## Getting started\n\n```bash\nbun install\nbun run init        # interactive theme initializer (palette, font, radius)\nbun start           # dev server at http://localhost:4200\n```\n\nThe dev server proxies `/api` → `http://localhost:8080`. Edit `proxy.conf.json` to change the target.\n\n---\n\n## Commands\n\n```bash\nbun start           # dev server\nbun run build       # production build\nbun test            # unit tests (vitest)\nbun run test:watch  # unit tests in watch mode\nbun run test:e2e    # Playwright e2e tests\nbun run lint        # ESLint\nbun run format      # Prettier\nbun run init        # re-run theme initializer\n```\n\n---\n\n## Architecture\n\n```\nsrc/app/\n├── core/       # Singletons: auth, guards, interceptors, layout, theme\n├── shared/     # Reusable UI: components (ui-*), directives, models, pipes\n└── features/   # One folder per domain\n```\n\nImport boundaries are enforced by ESLint:\n\n- `features` → can import `core` and `shared`\n- `shared` → cannot import `core` or `features`\n- `core` → cannot import `features`\n- Features cannot cross-import each other\n\nSee [ARCHITECTURE.md](./ARCHITECTURE.md) for the full guide and [docs/adr/](./docs/adr/) for the reasoning behind each decision.\n\n---\n\n## Theming\n\n- 12 built-in Material palettes, switchable at runtime\n- Light / dark mode driven by a `dark` class on `\u003chtml\u003e`\n- All tokens live in `src/styles/_tokens.scss` — edit palette, font, and radius there\n- Run `bun run init` for an interactive prompt\n\n---\n\n## Adding a feature\n\n```bash\nmkdir -p src/app/features/{name}/{models,services,guards,components,pages}\n```\n\n1. Add a `loadComponent` route in `app.routes.ts`\n2. Create a service using `httpResource()` for reads, `ApiService` methods for mutations\n3. Pages are smart (inject services), components are dumb (`@Input` / `@Output` only)\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fwolf-361%2Fangular-21-standalone-template","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fwolf-361%2Fangular-21-standalone-template","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fwolf-361%2Fangular-21-standalone-template/lists"}