Angular Template Website — Documentation Overview

This documentation provides a complete breakdown of the Angular Template Website, including the frontend Angular architecture, backend Node/Express API, routing flow, components, modules, pages, guards, services, and the JSON-driven content system.

Version 1.0.0

Project Structure Overview

This project consists of two fully separated layers:

ui-dev/ — Angular frontend application
api/ — Node.js API used for dynamic content

Frontend Breakdown


ui-dev/src/app/
  components/         # Reusable UI components
  components/content/ # Article-style content components (14 total)
  directives/         # Angular directives (e.g. back-button-directive)
  guards/             # redirect + loading guards
  interfaces/         # TS interfaces for app-wide types
  modules/            # Feature modules (about, leadership, library, etc.)
  pages/              # Page components mapped to routes
  services/           # Data + logic services
  styles/             # Global SCSS files

Backend Breakdown


api/
  json/         # Content and data JSON files
  routes/       # Express route definitions
  index.js      # Node/Express server entry point
  package.json  # Backend dependencies

Core Frontend Features

Angular standalone components
A structured content rendering system using nested components
Dynamic navigation and pagination
Project list rendering from services + JSON
Reusable layout components (header, footer, columns, wrappers)
Modular pages: About, Leadership, Library, Security, Standards
Global SCSS with reset, page styling, and cornerstone structure

Core Backend Features

Express server with modular routing
JSON data loading for categories, pages, and posts
Predictable request pipeline (route → controller → response)
Simple, extensible architecture for adding new endpoints

Major Documentation Sections

Select an area to learn more:

Architecture Components Services Routing Node API Data Flow Deployment

GitHub Repository

View the source code: GitHub Repository — Angular Template Website

Last updated: December 2025