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.

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:

GitHub Repository

View the source code: GitHub Repository — Angular Template Website

Last updated: December 2025