Software architect. Web Development, build apps with Angular, TypeScript, JavaScript, and NestJS
Reading Time: 6 minutesIntroduction I built a replies generation application four times using different large language models, APIs, frameworks, and tools. I experimented with different tools and models to find my preferred stack to build Generative AI applications. Create a new Angular Project Update the app component The app component has a router outlet to lazy load the … Read more
Reading Time: 6 minutesIntroduction I am an Angular and NestJS developer interested in Angular, Vue, NestJS, and Generate AI. Blog sites such as dev.to and hashnode have many new blog posts daily, and it is difficult for me to pick out the good ones to read and improve my knowledge of web development and generative AI. Therefore, I … Read more
Reading Time: 7 minutesIntroduction Many companies and developers use Angular to build Enterprise applications, which are so large that they must manage a lot of data. To maintain the applications in scale, developers use state management libraries such as the rx-angular/state library or the Angular Signal API to manage states. In this blog post, I create a cart … Read more
Reading Time: 6 minutesIntroduction Many companies and developers use Angular to build Enterprise applications, which are so large that they must manage a lot of data. To maintain the applications in scale, developers use state management libraries or “Signal in a Service” to manage states. In this blog post, I implement the “Signal in a Service” to create … Read more
Reading Time: 6 minutesIntroduction Many companies and developers use Angular to build Enterprise applications, which are so large that they must manage a lot of data. To maintain the applications in scale, developers tend to use state management libraries or the Angular Signal API to manage states. In this blog post, I want to use the NgRx Signal … Read more
Reading Time: 6 minutesIntroduction Many companies and developers use Angular to build Enterprise applications, which are so large that they must manage a lot of data. To maintain the applications in scale, developers tend to use state management libraries or the Angular Signal API to manage states. In this blog post, I want to use the TanStack Store … Read more
Reading Time: 5 minutesIntroduction I am a language learner who learns Mandarin and Spanish in my spare time. When I discovered that text translation using LLM is possible, I wanted to leverage the strength of LangChain and Gemini 1.0 Pro model in my hobby. Therefore, I built an Angular application to make a backend request to translate texts … Read more
Reading Time: 7 minutesIntroduction In this blog post, I show how to create a generative AI application that uses Angular and Gemini REST API. Therefore, it is feasible to build basic generative AI without a backend. The application demonstrates 2 use cases Generate Gemini API Key Go to https://aistudio.google.com/app/apikey to generate an API key for a new or … Read more
Reading Time: 4 minutesIntroduction In this blog post, I described how to update page title using custom title strategy class. Since Angular 14, a route has an optional title property that sets document title after navigation. In some use cases, a generic document title is suffice. In other use cases, pages display dynamic contents and the document title … Read more
Reading Time: 7 minutesIntroduction In this blog post, I demonstrated how to use WebAssembly within an Angular application easily. In some cases, an Angular application wants to perform a task that is not fast in JavaScript. Developers can rewrite the algorithm in other languages such as AssemblyScript and Rust to write efficient codes. Then, the developers can compile … Read more