#angular#gemma#firebase#webdev
Build Real-Time Client-Side TTS in Angular Using Firebase AI Logic and Gemini
In my previous article on Dev.to, I showed how to build expressive text-to-speech using Gemini and...
Connie Leung8 min read
Author profile
Connie Leung
Google Developer Expert for Angular, AI and Web 🅰️ 🇭🇰| 🅰Angular Architecture| 🅽NestJS| 🆅VueJs | 🆂 Svelte | 🆃TypeScript| Blogger| YouTube Content Creator
Articles by @railsstudent
Browse the latest writing surfaced through DevArt.
Connie Leung8 min read
#gemma#ai#angular#webdev
Go Completely Offline: Build a Privacy-First Personal Finance Assistant with LiteRT and Gemma 4
Imagine having a personal financial planner that analyzes your sensitive transaction history, flags...
Connie Leung7 min read![Go Completely Offline: Build a Privacy-First Personal Finance Assistant with LiteRT and Gemma 4 [GDE]](https://media2.dev.to/dynamic/image/width=1000,height=420,fit=cover,gravity=auto,format=auto/https%3A%2F%2Fdev-to-uploads.s3.us-east-2.amazonaws.com%2Fuploads%2Farticles%2Fqopx7vjvz54zfkphr8nv.jpeg)
#gemma#angular#tutorial#ai
Go Completely Offline: Build a Privacy-First Personal Finance Assistant with LiteRT and Gemma 4 [GDE]
Imagine having a personal financial planner that analyzes your sensitive transaction history, flags...
Connie Leung7 min read![Build Hybrid Image Analysis Application with Angular, Firebase AI Logic, and Gemini Nano [GDE]](https://media2.dev.to/dynamic/image/width=1200,height=627,fit=cover,gravity=auto,format=auto/https%3A%2F%2Fdev-to-uploads.s3.us-east-2.amazonaws.com%2Fuploads%2Farticles%2Fyehxbwot4tcsoo0snt9j.png)
#angular#firebase#gemini#ai
Build Hybrid Image Analysis Application with Angular, Firebase AI Logic, and Gemini Nano [GDE]
This tutorial demonstrates how to build a hybrid image analysis application using Angular, Firebase...
Connie Leung14 min read![Build Firebase AI Logic Application with Antigravity CLI and Stitch MCP Server [GDE]](https://media2.dev.to/dynamic/image/width=1000,height=420,fit=cover,gravity=auto,format=auto/https%3A%2F%2Fdev-to-uploads.s3.us-east-2.amazonaws.com%2Fuploads%2Farticles%2F3yrankjrqvlxmmflmsce.jpg)
#ai#angular#agenticarchitect#antigravitycli
Build Firebase AI Logic Application with Antigravity CLI and Stitch MCP Server [GDE]
Build Firebase AI Logic with Antigravity CLI Note: Google Cloud credits are provided for...
Connie Leung8 min read
#agenticarchitect#antigravity#angular#ai
Build Firebase AI Logic Application with Antigravity CLI
Note: Google Cloud credits are provided for this project. In this blog post, I demonstrate how to...
Connie Leung8 min read![How to Securely Manage AI Prompts in Angular with Firebase [GDE]](https://media2.dev.to/dynamic/image/width=1000,height=420,fit=cover,gravity=auto,format=auto/https%3A%2F%2Fdev-to-uploads.s3.amazonaws.com%2Fuploads%2Farticles%2Fodtswm0h0q0k2wyrvfsm.jpg)
#angular#firebase#ai#web
How to Securely Manage AI Prompts in Angular with Firebase [GDE]
Migrate to Firebase Server Prompt Template in Angular using Dependency Injection Firebase...
Connie Leung9 min read
#angular#firebase#ai#webdev
How to Securely Manage AI Prompts in Angular with Firebase
Firebase released Server Prompt Templates to host prompt templates in its infrastructure. The...
Connie Leung9 min read
#firebase#angular#gemini#ai
Building Dynamic Audio with Emotion & Pace: Gemini 3.1 Flash TTS, Angular & Firebase Cloud Functions
Google released the Gemini 3.1 Flash TTS Preview model for AI audio generation in the Gemini API,...
Connie Leung18 min read![Building Dynamic Audio with Emotion & Pace: Gemini 3.1 Flash TTS, Angular & Firebase Cloud Functions [GDE]](https://media2.dev.to/dynamic/image/width=1000,height=420,fit=cover,gravity=auto,format=auto/https%3A%2F%2Fdev-to-uploads.s3.amazonaws.com%2Fuploads%2Farticles%2F3fkee1yobyjtglqu4ik5.jpg)
#firebase#angular#gemini#ai
Building Dynamic Audio with Emotion & Pace: Gemini 3.1 Flash TTS, Angular & Firebase Cloud Functions [GDE]
Google released the Gemini 3.1 Flash TTS Preview model for AI audio generation in the Gemini API,...
Connie Leung18 min read
#ai#angular#veo#tutorial
Extending a Video with Angular, Veo 3.1 Lite, Firebase Cloud Functions, and Firebase Cloud Storage
Google released the Veo 3.1 Lite model for AI video generation in the Gemini API, Gemini in Vertex...
Connie Leung14 min read![Extending a Video with Angular, Veo 3.1 Lite, Firebase Cloud Functions, and Firebase Cloud Storage [GDE]](https://media2.dev.to/dynamic/image/width=1000,height=420,fit=cover,gravity=auto,format=auto/https%3A%2F%2Fdev-to-uploads.s3.amazonaws.com%2Fuploads%2Farticles%2Fua0oviy5ng0ohla9lglj.jpg)
#gemini#ai#angular#veo
Extending a Video with Angular, Veo 3.1 Lite, Firebase Cloud Functions, and Firebase Cloud Storage [GDE]
Google released the Veo 3.1 Lite model for AI video generation in the Gemini API, Gemini in Vertex...
Connie Leung14 min read
#ai#agents#tutorial#typescript
Observability at Scale: Mastering ADK Callbacks for Cost, Latency, and Auditability
Observability at Scale: Mastering ADK Callbacks for Cost, Latency, and Auditability AI...
Connie Leung12 min read![Observability at Scale: Mastering ADK Callbacks for Cost, Latency, and Auditability [GDE]](https://media2.dev.to/dynamic/image/width=1000,height=420,fit=cover,gravity=auto,format=auto/https%3A%2F%2Fdev-to-uploads.s3.amazonaws.com%2Fuploads%2Farticles%2F0wopqh8z8l9t5jua1jrl.jpg)
#agents#tutorial#ai#typescript
Observability at Scale: Mastering ADK Callbacks for Cost, Latency, and Auditability [GDE]
AI orchestrators receive significant attention; however, when deployments become latent and costly,...
Connie Leung12 min read
#angular#firebase#gemini#tutorial
Migrating to Nano Banana 2: Enhancing Your Angular Firebase AI App
Migrating to Nano Banana 2: Enhancing Your Angular Firebase AI App In the rapidly evolving...
Connie Leung3 min read![Stop Wasting Tokens: Building Deterministic Custom Agents with Google ADK [GDE]](https://media2.dev.to/dynamic/image/width=1000,height=420,fit=cover,gravity=auto,format=auto/https%3A%2F%2Fdev-to-uploads.s3.amazonaws.com%2Fuploads%2Farticles%2Fz44ccb8ysfrceeyxy1eo.jpg)
#gemini#ai#tutorial#adk
Stop Wasting Tokens: Building Deterministic Custom Agents with Google ADK [GDE]
In the world of AI orchestration, it's tempting to use a Large Language Model (LLM) for every step of...
Connie Leung9 min read![Automating Technical Blog Localization with Gemini CLI Agent Skills [GDE]](https://media2.dev.to/dynamic/image/width=1000,height=420,fit=cover,gravity=auto,format=auto/https%3A%2F%2Fdev-to-uploads.s3.amazonaws.com%2Fuploads%2Farticles%2F8lai0c7tia7jq5h07nj6.jpeg)
#ai#gemini#aitranslation#agentskill
Automating Technical Blog Localization with Gemini CLI Agent Skills [GDE]
The Use Case: Scaling Content to Global Tech Communities When content writers write...
Connie Leung14 min read
#vertexai#tutorial#agenticvision#ai
Gemini 3 Agentic Vision: Moving Beyond Simple Image Prompting
The Pain Point: The Invisible World of the "Granular" Masterpiece When a postcard miniaturizes a...
Connie Leung12 min read![Gemini 3 Agentic Vision: Moving Beyond Simple Image Prompting [GDE]](https://media2.dev.to/dynamic/image/width=1000,height=420,fit=cover,gravity=auto,format=auto/https%3A%2F%2Fdev-to-uploads.s3.amazonaws.com%2Fuploads%2Farticles%2Fia5icng6uwxfi1h9vkkt.jpeg)
#tutorial#gemini#python#machinelearning
Gemini 3 Agentic Vision: Moving Beyond Simple Image Prompting [GDE]
The Pain Point: The Invisible World of the "Granular" Masterpiece When a postcard miniaturizes a...
Connie Leung12 min read![[GDE] How to Refactor a Complex Blog Review Prompt into Reusable AI Agents](https://media2.dev.to/dynamic/image/width=1000,height=420,fit=cover,gravity=auto,format=auto/https%3A%2F%2Fdev-to-uploads.s3.amazonaws.com%2Fuploads%2Farticles%2F3bsf6p65ay8r58tdbuty.jpeg)
#ai#cli#gemini#agentakill
[GDE] How to Refactor a Complex Blog Review Prompt into Reusable AI Agents
How to Refactor a Complex Blog Review Prompt into Reusable AI Agents Technical writers and...
Connie Leung15 min read
#python#gemini#tutorial#genai
Fetching Live Sports Data with Gemini 3: A Guide to Grounded, Structured JSON
Retrieving accurate, up-to-date sports statistics with LLMs is notoriously difficult due to...
Connie Leung14 min read![[GDE] Fetching Live Sports Data with Gemini 3: A Guide to Grounded, Structured JSON](https://media2.dev.to/dynamic/image/width=1000,height=500,fit=cover,gravity=auto,format=auto/https%3A%2F%2Fdev-to-uploads.s3.amazonaws.com%2Fuploads%2Farticles%2Fn9opj3cfxocufe4g8yjs.png)
#genai#tutorial#gemini#python
[GDE] Fetching Live Sports Data with Gemini 3: A Guide to Grounded, Structured JSON
Retrieving accurate, up-to-date sports statistics with LLMs is notoriously difficult due to...
Connie Leung14 min read![[GDE] Simplifying Multimodal Inputs: Using Public URLs with the Gemini API](https://media2.dev.to/dynamic/image/width=1000,height=500,fit=cover,gravity=auto,format=auto/https%3A%2F%2Fdev-to-uploads.s3.amazonaws.com%2Fuploads%2Farticles%2Fkz8y9caanpy8v9gp7u2s.png)
#genai#tutorial#python#gemini
[GDE] Simplifying Multimodal Inputs: Using Public URLs with the Gemini API
In this blog post, I will explore the enhanced inputs in the Gemini API and how they simplify my...
Connie Leung9 min read
#genai#python#gemini#tutorial
Simplifying Multimodal Inputs: Using Public URLs with the Gemini API
In this blog post, I will explore the enhanced inputs in the Gemini API and how it simplifies my...
Connie Leung9 min read
#webdev#angular#firebase#gemini
Streaming AI Speech with Gemini 2.5 Flash TTS, Angular, and Firebase
In this technical deep-dive, we explore how to integrate the latest Google Gemini models into a...
Connie Leung13 min read
#webdev#ai#firebase#angular
Building a Video Generation Pipeline with Angular, Veo 3.1, and Firebase Cloud Functions
Building a Video Generation Pipeline with Angular, Veo 3.1, and Firebase Cloud...
Connie Leung12 min read
#gemini3#adk#tutorial#typescript
How I Automated YouTube Metadata Generation Using the new TypeScript ADK
Learn how to build a multi-agent system to generate description, hashtags, and timeline from the transcript of a public YouTube URL. Then, the send email agent outputs a message to pretend the metadata is sent to a recipient email address successfully.
Connie Leung14 min read
#angular#firebase#ai#productivity
Automating DevRel: How I Use Gemini CLI and Gemini 3 to Catch Bugs in My Blog Posts
In this technical deep dive, I explore how to use the Gemini CLI and the latest Gemini 3 Pro Preview...
Connie Leung7 min read
#angular#firebase#ai#gemini
It shows how to use Nano Banan Pro to create images that use Google Search for fact-checking, and shows AI thinks after understanding the user prompt and to deliver an image that meets the requirement.
Building a Thinking Photo Editor: Migrate to Gemini 3 Pro Image...
Connie Leung1 min read
#angular#firebase#gemini#webdev
Building a Thinking Photo Editor: Migrate to Gemini 3 Pro Image with Angular and Firebase
This technical deep dive explains the migration of a photo editing application from Gemini 2.5 Flash...
Connie Leung12 min readAdvertisement