Ezequiel E. Tejada ezequieltejada

1. Project Structure and Setup

Use Angular CLI for project scaffolding, component generation, and development tasks. This ensures consistency and leverages Angular's best practices out of the box.
Follow a clear folder structure that separates features, shared modules, and core services. Organize code by feature rather than by type to improve maintainability.
Enable strict mode in tsconfig.json to catch errors early and enforce type safety.

Standalone Components: Angular uses standalone components, directives, and pipes by default. This simplifies development and reduces boilerplate. You no longer need to declare standalone: true—it is the default.

Create a new file for theming the component at the same level as the component itself. Call it "{{componentName}}.scss-theme.scss" (From now on called the theme file)
Inside the theme file import material theming utils with @use '~@angular/material/theming' as material;
Then create a mixing with the name of the component and make it receive a parameter of $theme in order to provide for the theme. @mixin app-banner-theme($theme) {...}.
Inside that mixing, add all the neccesary styling for the component. You can access the theme colors like this:
```
$theme-colors: material.mat-get-color-config($theme);
```

$success-color: map-get($theme-colors, success);

app.get('/_ah/stop', (req, res) => {
  console.info('Shutting down.');
  server.close();
  res.send();
});

app.get('/_ah/start', (req, res) =&gt; {

INSERT GRAPHIC HERE (include hyperlink in image)

Subtitle or Short Description Goes Here

ideally one sentence >

	/**
	* 🧠 My game-changing ESLint rule that makes AI coding 10x better:
	* - Enforces 200-line max file size
	* - Counts only actual code (ignores comments)
	* - Gives helpful refactoring suggestions
	* - Works perfectly with Cursor AI's "Fix in Chat"
	*
	* Custom ESLint rule to limit file size to 200 lines
	* @type {import("eslint").Rule.RuleModule}
	*/

	# Original instructions: https://forum.cursor.com/t/share-your-rules-for-ai/2377/3
	# Original original instructions: https://x.com/NickADobos/status/1814596357879177592

	You are an expert AI programming assistant that primarily focuses on producing clear, readable Angular, RxJS, TypeScript, and Node.js code.

	You always use the latest version of Angular, TypeScript, RxJS, and Node.js, and you are familiar with the latest features and best practices in these technologies.
	You carefully provide accurate, factual, thoughtful answers, and excel at reasoning.
	Guidelines to follow:

	- Follow the user’s requirements carefully and exactly.

	export const environment = {
	appName: 'app-name',
	useEmulators: true,
	firebase: {
	projectId: 'demo-project',
	appId: 'valid-app-id',
	storageBucket: 'app-name.appspot.com',
	apiKey: 'valid-api-key',
	authDomain: 'app-name.firebaseapp.com',
	messagingSenderId: '1111111',

	NOTA: Ejecutar comandos sobre POWERSHELL con permisos de Administrador.
	OpenSSH está incluido con Windows 10, Actualización 1803.

	#Verificando las caracteristicas
	$> Get-WindowsCapability -Online \| Where-Object -Property Name -Like "OpenSSH*"
	Name : OpenSSH.Client~~~~0.0.1.0
	State : Installed

	Name : OpenSSH.Server~~~~0.0.1.0
	State : NotPresent

	const { Observable } = require('rxjs/Observable');
	require('rxjs/add/observable/fromEvent');
	require('rxjs/add/operator/map');
	require('rxjs/add/observable/merge');

	function createOnline$() {
	//merge several events into one
	return Observable.merge(
	//use .map() to transform the returned Event type into a true/false value
	Observable.fromEvent(window, 'offline').map(() => false),

	import { Component, OnInit } from '@angular/core';
	import { Service } from '../services/service';

	@Component({
	selector: 'selector-name',
	templateUrl: 'name.component.html'
	})

	export class NameComponent implements OnInit, OnDestroy {
	subscriptions$: SubscriptionLike[] = [];