2026-03-15 20:01:51 +01:00
2026-03-15 20:01:51 +01:00
2026-03-15 19:03:25 +01:00
2025-04-21 16:55:15 +02:00
2025-04-21 16:55:15 +02:00
2026-02-04 13:48:23 +01:00

.NET + Angular Application Template

This project is a full-stack web application Template combining ASP.NET Core for the backend and Angular for the frontend.

🛠️ Technologies Used

  • Backend: ASP.NET Core (.NET 10)

  • Frontend: Angular

  • API Documentation: Swagger (Swashbuckle)

🔐 Authentication (Register & Login)

The template includes a preconfigured user registration and authentication flow, designed as a solid baseline for production-ready applications.

  • Register: Creation of new user accounts via a dedicated API endpoint with server-side validation and secure password hashing.

  • Login: Token-based authentication using JWT (JSON Web Token). Upon successful authentication, a token is issued for authorized API access.

  • Authorization: Protected backend endpoints and frontend routes are secured using role- or policy-based access control.

The authentication architecture is secure, extensible, and aligned with enterprise best practices.

🚀 Getting Started

Prerequisites

🔧 Setup Instructions

  1. Install Angular dependencies

    ⚠️ Before starting the application for the first time, run the following command in the ClientApp directory:

        cd src/ClientApp
        npm install
    
  2. Run the application

    Go back to the API folder and start the backend server:

     cd src/API
        dotnet run --launch-profile angular_dev
    
  3. Access the app


🧪 Running Angular Tests

Angular frontend tests are set up using Karma + Jasmine. All test files follow the .spec.ts naming convention and are located alongside their respective components and services in src/ClientApp/src/.

Quick Start

 cd src/ClientApp
 npm test

Headless/CI und Coverage

cd src/ClientApp
npm run test:coverage

The coverage report is generated under src/ClientApp/coverage/ (HTML-Report in index.html).

cd src/ClientApp
npm run test:ci

Note: For headless tests, a Chrome/Chromium runtime must be present on the machine.

Description
.NET + Angular Application Template This project is a full-stack web application Template combining ASP.NET Core for the backend and Angular for the Frontend.
Readme 1.2 MiB
Languages
C# 43.1%
TypeScript 36.4%
HTML 18.9%
SCSS 1.6%