angular-ai-in-depth

skill
Security Audit
Warn
Health Warn
  • No license — Repository has no license file
  • Description — Repository has a description
  • Active repo — Last push 0 days ago
  • Low visibility — Only 7 GitHub stars
Code Warn
  • process.env — Environment variable access in server/ai-client.ts
  • network request — Outbound network request in server/ai-client.ts
  • process.env — Environment variable access in server/middleware/auth.middleware.ts
Permissions Pass
  • Permissions — No dangerous permissions requested

No AI report is available for this listing yet.

SUMMARY

Vibe code from scratch an Angular OpenAI chatbot using Claude Code.

README.md

Angular AI In Depth (with Cursor and Claude Code) Course

This repository contains the code of the Angular AI In Depth (with Cursor and Claude Code) course.

This course repository is updated to Angular v22.

Angular AI In Depth (with Cursor and Claude Code)

Installation pre-requisites

Please install Node 24 Long Term Support Edition (LTE).

Installing the Angular CLI

With the following command the angular-cli will be installed globally in your machine:

npm install -g @angular/cli

How To install this repository

We can install the master branch using the following commands:

git clone https://github.com/angular-university/angular-ai-in-depth.git

After cloning, it's recommended that you install using npm ci. This way you will get the exact dependencies of package-lock.json:

cd angular-ai-in-depth
npm ci

npm install 

This should take a couple of minutes. If there are issues, please post the complete error message in the Questions section of the course.

To Run the Development Backend Server

We can start the sample application backend with the following command:

npm run server

This is a small Node REST API server.

To run the Development UI Server

To run the frontend part of our code, we will use the Angular CLI:

npm start 

or simply:

ng serve 

The application is visible at port 4200: http://localhost:4200

Important

This repository has multiple branches, have a look at the beginning of each section to see the name of the branch.

It's also possible to download a ZIP file for a given branch, using the branch dropdown on this page on the top left, and then selecting the Clone or Download / Download as ZIP button.

Angular University Courses

Here is a list of all the courses of the Angular University.

Angular For Beginners (Signals Edition)

Angular For Beginners (Signals Edition) — Learn Angular from scratch the modern way: components, inputs and outputs, template control flow, signals, and fetching data from a backend.

Angular For Beginners (Signals Edition)

Angular Forms In Depth (Signals Edition)

Angular Forms In Depth - Signals Edition — Build complex enterprise data forms with Angular Signal Forms.

Angular Forms In Depth - Signals Edition

Angular AI In Depth (with Cursor and Claude Code)

Angular AI In Depth — Build modern full-stack Angular applications with signals, standalone components, zoneless architecture, and OpenAI integration using Claude Code.

Angular AI In Depth

Angular Testing In Depth (Signals Edition)

Angular Testing In Depth — Write robust, maintainable tests for modern signal-based Angular applications.

Angular Testing In Depth

Angular Core Deep Dive

Angular Core Deep Dive — A detailed walk-through of the most important part of Angular - the Core and Common modules.

Angular Core Deep Dive

Modern Angular With Signals

Modern Angular With Signals — Learn signals in depth. Build a modern signal-based application with async/await, standalone components and optional RxJs.

Modern Angular With Signals

Typescript: The Ultimate Bootcamp

Typescript: The Ultimate Bootcamp — Learn in-depth all the language fundamentals. Practice by building practical projects in Node, React and Angular.

Typescript: The Ultimate Bootcamp

RxJs In Practice

RxJs In Practice — Understand the RxJs Observable pattern, learn the RxJs Operators via practical examples.

RxJs In Practice

Reactive Angular Course

Reactive Angular Course — How to build Angular applications in Reactive style using plain RxJs - patterns, anti-patterns, lightweight state management.

Reactive Angular Course

NgRx (with NgRx Data) - The Complete Guide

NgRx (with NgRx Data) - The Complete Guide — Learn the modern NgRx Ecosystem, including NgRx Data, Store, Effects, Router Store, NgRx Entity, and DevTools.

NgRx Complete Guide

Angular SSR In Depth

Angular SSR In Depth — Use Angular on the server too! Learn Angular Server-Side Rendering.

Angular SSR In Depth

Angular Progressive Web Apps (PWA) Course

Angular PWA Course — Learn Angular Progressive Web Applications, build the future of the Web Today.

Angular PWA Course

Angular University Extra Tutorials

Angular University Extra Tutorials — Extra tutorials covering developer preview features or isolated topics.

Angular University Extra Tutorials

Archived Courses

These courses are archived and replaced with newer versions, but are still accessible to subscribers.

Angular Router In Depth (Archived)

Angular Router In Depth — Build large-scale Single Page Applications with the powerful Angular Router.

Angular Router In Depth

Angular Security Course - Web Security Fundamentals (Archived)

Angular Security Course — Learn Web Security Fundamentals and apply them to defend an Angular / Node Application from multiple types of attacks.

Angular Security Course

Angular Material In Depth (Archived)

Angular Material In Depth — Learn in depth some of the most advanced components of the Angular Material UI widget library.

Angular Material In Depth

Firebase & AngularFire In Depth (Archived)

Firebase & AngularFire In Depth — Full stack Development with Angular, Firestore, Firebase Storage & Hosting, Firebase Cloud Functions & AngularFire.

Firebase & AngularFire In Depth

NestJs In Practice (with MongoDB) (Archived)

NestJs In Practice — Build a modern REST backend using Typescript and the familiar Angular API.

NestJs In Practice

Stripe Payments In Practice (Archived)

Stripe Payments In Practice — Build your own online eCommerce store and subscription membership website with Stripe, Firebase, Node & Express.

Stripe Payments In Practice

Angular Advanced Library Laboratory: Build Your Own Library (Archived)

Angular Advanced Library Laboratory — Learn Advanced Angular functionality typically used in Library Development. Advanced Components, Directives, Testing, Npm.

Angular Advanced Library Laboratory

Angular Forms In Depth (Archived)

Angular Forms In Depth — Build complex enterprise data forms with template-driven and reactive forms.

Angular Forms In Depth

Angular Testing Course (Archived)

Angular Testing Course — A complete guide to Angular Unit Testing and E2E Testing, including Testing best practices and continuous integration.

Angular Testing Course

Angular Material Course (Archived)

Angular Material Course — Jumpstart your Application with a complete set of Material Design UI Widgets.

Angular Material Course

NgRx In Depth (Archived)

NgRx In Depth — Learn the modern NgRx Ecosystem, including Store, Effects, Router Store, NgRx Entity, Dev Tools and Schematics.

NgRx In Depth

Build a Web App with Angular and Firebase (Archived)

Build a Web App with Angular and Firebase — Put all the concepts together to build a fully running Angular application using Firebase as the database.

Build a Web App with Angular and Firebase

Angular NgRx Store Reactive Extensions Architecture Course (Archived)

Angular NgRx Store Reactive Extensions Architecture Course — Learn how to use the Angular NgRx Reactive Extensions and its Tooling to build a complete application.

Angular NgRx Store Architecture Course

Angular RxJs Jumpstart (Archived)

Angular RxJs Jumpstart — Learn RxJs quickly, apply it to learn how to use the HTTP module effectively.

Angular RxJs Jumpstart

RxJs and Reactive Patterns Angular Architecture Course (Archived)

RxJs and Reactive Patterns Angular Architecture Course — Learn the core RxJs Observable Pattern and many other Design Patterns for building Reactive Angular Applications.

RxJs and Reactive Patterns Angular Architecture Course

Angular Router (Archived)

Angular Router — Build Single Page Applications with Angular and its powerful Router.

Angular Router

Angular Universal Course (Archived)

Angular Universal Course — Use Angular on the server too! Learn Angular Server-Side Rendering.

Angular Universal Course

Angular Forms (Archived)

Angular Forms — Learn how to build validatable and user-friendly data Forms effectively.

Angular Forms

Serverless Angular with Firebase & AngularFire (Archived)

Serverless Angular with Firebase — Full stack Development with Angular, Firestore, Firebase Storage & Hosting, Firebase Cloud Functions & AngularFire.

Serverless Angular with Firebase

The Complete Typescript Course (Archived)

The Complete Typescript Course — Complete Guide to Typescript From Scratch: Learn the language in-depth and use it to build a Node REST API.

The Complete Typescript Course

Angular For Beginners (Archived)

Angular For Beginners — Establish a solid layer of fundamentals, learn what's under the hood of Angular.

Angular For Beginners

Reviews (0)

No results found