Angular Demo Projects Collection

This repository contains a set of small Angular demo projects designed to demonstrate and practice core Angular concepts and libraries. Each project focuses on a specific feature or technique to help developers understand and apply Angular effectively.

Project Descriptions

• ag-grid-demo
  Demonstrates integration and usage of AG Grid, a powerful data grid component for displaying and manipulating tabular data in Angular applications.
• component-demo
  Shows basic Angular component creation and communication, including inputs, outputs, and component lifecycle.
• housing-location-demo
  A practical example showcasing how to build a simple housing location app with Angular, demonstrating routing, data binding, and services.
• httpclient-demo
  Demonstrates how to use Angular’s HttpClient module to make HTTP requests and handle responses.
• interface-demo
  Illustrates the use of TypeScript interfaces in Angular for defining data models and ensuring type safety.
• lazy-loading
  Demonstrates how to implement lazy loading in Angular to optimize application performance by loading modules on demand.
• lifecycle-hooks-demo
  Explains Angular component lifecycle hooks and their practical usage in managing component behavior.
• ng2chart-demo
  Shows integration of the ng2-charts library to display dynamic charts and graphs in Angular.
• observable-demo
  Introduces Observables in Angular with RxJS for asynchronous data streams and event handling.
• observable-prac-01
  A practical exercise focused on working with Observables, subscriptions, and reactive programming patterns.
• poll-angular
  A simple poll or voting app demonstrating forms, event handling, and state management in Angular.
• reactive-form-demo
  Demonstrates building reactive forms in Angular for robust form control and validation.
• routing-demo
  Shows Angular routing basics, including navigation, route parameters, and guards.
• service-demo
  Demonstrates creation and use of Angular services to share data and logic across components.
• subject-demo
  Explores the use of RxJS Subjects in Angular for multicasting data streams between components.
• tour-of-hero
  A tutorial-style app based on the official Angular "Tour of Heroes" example project, covering a range of Angular fundamentals.
• two-way-binding-demo
  Demonstrates two-way data binding in Angular using ngModel for seamless interaction between the model and the view.
• two-way-binding-practice-01
  A practice exercise to reinforce the concept and implementation of two-way binding in Angular.

Additional Notes

• These demos were created to facilitate hands-on learning and experimentation with Angular.
• Feel free to explore, modify, and extend each demo to deepen your understanding of Angular development.