Steps for Angular JS project creation

-

 Install Angular js from command line:

C:\>npm install -g @angular/cli (will add the necessary packages)
----------------------------------------------------------------------------------------------
Steps to create and run an Angular js project using Visual Studio
----------------------------------------------------------------------------------------------
Create a project using command line:
C:\>ng new TaskManager --no-standalone --routing --ssr=false
Output:
CREATE TaskManager/angular.json (2594 bytes)
CREATE TaskManager/package.json (1107 bytes)
CREATE TaskManager/README.md (1533 bytes)
CREATE TaskManager/tsconfig.json (1026 bytes)
CREATE TaskManager/.editorconfig (331 bytes)
CREATE TaskManager/.gitignore (629 bytes)
CREATE TaskManager/tsconfig.app.json (444 bytes)
CREATE TaskManager/tsconfig.spec.json (422 bytes)
CREATE TaskManager/.vscode/extensions.json (134 bytes)
CREATE TaskManager/.vscode/launch.json (490 bytes)
CREATE TaskManager/.vscode/tasks.json (980 bytes)
CREATE TaskManager/src/main.ts (205 bytes)
CREATE TaskManager/src/index.html (310 bytes)
CREATE TaskManager/src/styles.css (81 bytes)
CREATE TaskManager/src/app/app-routing-module.ts (255 bytes)
CREATE TaskManager/src/app/app-module.ts (527 bytes)
CREATE TaskManager/src/app/app.spec.ts (944 bytes)
CREATE TaskManager/src/app/app.ts (250 bytes)
CREATE TaskManager/src/app/app.css (0 bytes)
CREATE TaskManager/src/app/app.html (20464 bytes)
CREATE TaskManager/public/favicon.ico (15086 bytes)
√ Packages installed successfully.
====================================================
Run the below commands from VS
====================================================
C:\>ng serve
Initial chunk files | Names         | Raw size
main.js             | main          | 12.83 kB |
styles.css          | styles        | 95 bytes |

                    | Initial total | 12.92 kB

Application bundle generation complete. [3.305 seconds]

Watch mode enabled. Watching for file changes...
NOTE: Raw file sizes do not reflect development server per-request transformations.
  ➜  Local:   http://localhost:4200/
+++++++++++++++++++++++++++++++++++++++++++++++++++++++
C:\>ng generate component task-list (component generation)
CREATE src/app/task-list/task-list.spec.ts (571 bytes)
CREATE src/app/task-list/task-list.ts (213 bytes)
CREATE src/app/task-list/task-list.css (0 bytes)
CREATE src/app/task-list/task-list.html (25 bytes)
UPDATE src/app/app-module.ts (593 bytes)
+++++++++++++++++++++++++++++++++++++++++++++++++++++++
C:\>ng generate service task (service generation)
CREATE src/app/task.spec.ts (327 bytes)
CREATE src/app/task.ts (116 bytes)
+++++++++++++++++++++++++++++++++++++++++++++++++++++++

Sample screenshot from Visual Studio:




















Browser snapshot for the application built:



Popular posts from this blog

Connecting Claude to Pega Infinity 25.1.3 via MCP — Step-by-Step

-
Image
Enable AI-powered access to your Pega Investigative Case Management data directly from Claude prompts using the Model Context Protocol (MCP) and OAuth 2.0. What is MCP and why connect Pega to Claude? The Model Context Protocol (MCP) is an open standard that lets AI assistants like Claude securely call tools and read data from external systems — all from a natural-language prompt. Think of it as a universal adapter between your enterprise systems and AI. Pega Infinity V25.1.3 ships with a first-class MCP service built on its existing REST framework. Once enabled, Claude can: Query and summarize investigative cases without switching apps Retrieve assignment details and case status on demand Trigger Pega workflows from conversational prompts Version requirement: This guide is based on Pega Infinity V25.1.3 (Community Edition) with the Rule-Service-MCP rule type. Earlier versions may not include native MCP support. Architecture overview The connection uses three layers: Claude as the AI c...
Read more

itextpdf API to generate PDF doc from an image file using Pega PE

-
Image
Probably some of the techies might have an idea on an opensource called " itextpdf " (earlier name is lowagie ) to convert an image file(png,jpeg,jpg,tiff,gif etc.) to a PDF file. It is very simple to use this API in Pega function to build the logic using java code. Moreover, this API comes in one single jar file and we need to import it in Pega before we start using it.  I see the conversion comes good in PDF file but not sure if any limitations of this API in terms of conversion is like formatting, font, images etc. So far so good and may be we can keep this API as one of our solutions while working on the requirements accordingly.  Heard that same API can be used to convert the text file to PDF but I didn't explore on it. Those who are interested to work on text -> PDF can take a look at the documentation. Don't hesitate to contact me offline for any further discussion in this context :) :) Prerequisites for doing this exercise: 1) itextpdf 5.4.0 jar file 2) Peg...
Read more

Understanding of Hugging Face platform for AI/ML platform

-
Image
Hugging Face is a platform that provides tools and libraries for natural language processing (NLP), machine learning, and artificial intelligence. It is known for its Transformers   library, which offers pre-trained models for tasks such as text classification, translation, question answering, and more. Hugging Face also hosts a model hub where users can share and discover pre-trained models. Hugging Face is useful in various domains, including: Natural language processing (NLP): Provides tools and pre-trained models for tasks like text classification, translation, sentiment analysis, and question answering. Machine learning research: Offers state-of-the-art models and datasets for researchers to experiment and innovate. Data science and analytics: Helps data scientists analyze and interpret large volumes of text data. AI application development: Enables developers to build AI-powered applications with ease using pre-trained models and APIs. A very simple exercise using the google...
Read more