Angular Experience

Used built-in Angular 1.6 directives to show and hide elements and display lists of data.

Created Angular components to display details and show an array.

Used one-way data binding for read-only data.

Added editable fields to update a model with two-way data binding.

Binded component methods to user events, i.e. keystrokes and clicks.

Enabled users to select data from a master list and edit that data in the details view.

Formatted data with pipes.

Created a shared service to assemble data.

Used routing to navigate among different views and their components.

Created Angular 1.6 mobile-responsive web site using Node, Angular 1.2, Angular 1.6, HTML5, CSS3, Bootstrap, jQuery, and various JavaScript libraries.

Created a shopping List using Angular 1.6 with error management.

Created a to-do list built in Angular 1.6 with required fields.

Created a demo of Angular 1.3 Rest API Calls in AngularJS using $http Service and placeholder data.

Angular Demos

These are different Angular demos that display various information.

Some of them include an Angular project starter kit, an Angular routing demo, a http client demo, a template, and some accordion drop down menus.

 

Angular 19 Demo

Angular 19 Ngrx Collection Demo

This is a demo of NGRX in Angular 19 using the official NGRX store. NgRx Store provides reactive state management for Angular apps inspired by Redux. It allows you to unify events in an application and derive state using RxJS. It uses a Books API from Google and has buttons to add books to a collection and remove them as well. Code on Github.

 Ngrx Collection Demo
 
 
 
 

Angular 17 Demos

Angular 17 Demo Interface App

This Angular 17 demo interface app. has a web interface with tabbed navigation. This project can be used to add Bootstrap 5 and Material to an Angular 17 frontend. More details are on the page below, including links to the code and demo online.

 Demo Interface App
Angular 17 Demo Routing App

This is a demo of Angular 17 with Bootstrap 5. It displays a Home and an About page and sample content under each, and the page is formatted using bootstrap code primarily. The link is to the code on Github and has to be downloaded and run locally using Node.

 Demo Routing App
Angular 17 Demo HttpClient App

This is a demo of Angular 17 and it uses JSON Data from an API request to display data on a web page.

 Demo HttpClient App (offline currently)
Valid HTMLValid CSS