close

DEV Community

Connie Leung profile picture

Connie Leung

Google Developer Expert for Angular, AI and Web 🅰️ 🇭🇰| 🅰Angular Architecture| 🅽NestJS| 🆅VueJs | 🆂 Svelte | 🆃TypeScript| Blogger| YouTube Content Creator| Software Architect at Diginex

Location Hong Kong Joined Joined on  Personal website https://www.blueskyconnie.com/ github website

Pronouns

She/Her

Work

Software Architect at Diginex Limited

Google AI
Google Developer Expert
Angular
Four Year Club
Top 7
2
Three Year Club
4 Week Community Wellness Streak
Writing Debut
2 Week Community Wellness Streak
Two Year Club
1 Week Community Wellness Streak
8 Week Writing Streak
How to Securely Manage AI Prompts in Angular with Firebase [GDE]

How to Securely Manage AI Prompts in Angular with Firebase [GDE]

Image Image Image 5
Comments
9 min read

Want to connect with Connie Leung?

Create an account to connect with Connie Leung. You can also sign in below to proceed if you already have an account.

Already have an account? Sign in
How to Securely Manage AI Prompts in Angular with Firebase

How to Securely Manage AI Prompts in Angular with Firebase

Image Image Image 5
Comments
9 min read
Building Dynamic Audio with Emotion & Pace: Gemini 3.1 Flash TTS, Angular & Firebase Cloud Functions

Building Dynamic Audio with Emotion & Pace: Gemini 3.1 Flash TTS, Angular & Firebase Cloud Functions

Image Image Image 5
Comments
18 min read
Building Dynamic Audio with Emotion & Pace: Gemini 3.1 Flash TTS, Angular & Firebase Cloud Functions [GDE]

Building Dynamic Audio with Emotion & Pace: Gemini 3.1 Flash TTS, Angular & Firebase Cloud Functions [GDE]

Image Image Image 6
Comments 3
18 min read
Extending a Video with Angular, Veo 3.1 Lite, Firebase Cloud Functions, and Firebase Cloud Storage

Extending a Video with Angular, Veo 3.1 Lite, Firebase Cloud Functions, and Firebase Cloud Storage

Image Image Image 8
Comments 1
14 min read
Extending a Video with Angular, Veo 3.1 Lite, Firebase Cloud Functions, and Firebase Cloud Storage [GDE]

Extending a Video with Angular, Veo 3.1 Lite, Firebase Cloud Functions, and Firebase Cloud Storage [GDE]

Image Image Image 7
Comments
14 min read
Observability at Scale: Mastering ADK Callbacks for Cost, Latency, and Auditability

Observability at Scale: Mastering ADK Callbacks for Cost, Latency, and Auditability

Image Image Image 6
Comments
12 min read
Observability at Scale: Mastering ADK Callbacks for Cost, Latency, and Auditability [GDE]

Bypassing redundant steps to cut LLM costs

Observability at Scale: Mastering ADK Callbacks for Cost, Latency, and Auditability [GDE]

Image Image Image 37
Comments 12
12 min read
Migrating to Nano Banana 2: Enhancing Your Angular Firebase AI App

Migrating to Nano Banana 2: Enhancing Your Angular Firebase AI App

Image Image Image 7
Comments
3 min read
Stop Wasting Tokens: Building Deterministic Custom Agents with Google ADK [GDE]

Stop Wasting Tokens: Building Deterministic Custom Agents with Google ADK [GDE]

Image Image Image 18
Comments
9 min read
Automating Technical Blog Localization with Gemini CLI Agent Skills [GDE]

Automating Technical Blog Localization with Gemini CLI Agent Skills [GDE]

Image Image Image 6
Comments
14 min read
Gemini 3 Agentic Vision: Moving Beyond Simple Image Prompting

Gemini 3 Agentic Vision: Moving Beyond Simple Image Prompting

Image Image Image 4
Comments
12 min read
Gemini 3 Agentic Vision: Moving Beyond Simple Image Prompting [GDE]

Gemini 3 Agentic Vision: Moving Beyond Simple Image Prompting [GDE]

Image Image Image 11
Comments 2
12 min read
[GDE] How to Refactor a Complex Blog Review Prompt into Reusable AI Agents

[GDE] How to Refactor a Complex Blog Review Prompt into Reusable AI Agents

Image Image Image 6
Comments
15 min read
Fetching Live Sports Data with Gemini 3: A Guide to Grounded, Structured JSON

Fetching Live Sports Data with Gemini 3: A Guide to Grounded, Structured JSON

Image Image Image 5
Comments
14 min read
[GDE] Fetching Live Sports Data with Gemini 3: A Guide to Grounded, Structured JSON

[GDE] Fetching Live Sports Data with Gemini 3: A Guide to Grounded, Structured JSON

Image Image Image 19
Comments
14 min read
[GDE] Simplifying Multimodal Inputs: Using Public URLs with the Gemini API

[GDE] Simplifying Multimodal Inputs: Using Public URLs with the Gemini API

Image 4
Comments
9 min read
Simplifying Multimodal Inputs: Using Public URLs with the Gemini API

Simplifying Multimodal Inputs: Using Public URLs with the Gemini API

Image 1
Comments
9 min read
Streaming AI Speech with Gemini 2.5 Flash TTS, Angular, and Firebase

Streaming AI Speech with Gemini 2.5 Flash TTS, Angular, and Firebase

Image 2
Comments
13 min read
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 Functions

Image 1
Comments
12 min read
How I Automated YouTube Metadata Generation Using the new TypeScript ADK

How I Automated YouTube Metadata Generation Using the new TypeScript ADK

Image 2
Comments
14 min read
Automating DevRel: How I Use Gemini CLI and Gemini 3 to Catch Bugs in My Blog Posts

Automating DevRel: How I Use Gemini CLI and Gemini 3 to Catch Bugs in My Blog Posts

Image 1
Comments
7 min read
Building a Thinking Photo Editor: Migrate to Gemini 3 Pro Image with Angular and Firebase

Building a Thinking Photo Editor: Migrate to Gemini 3 Pro Image with Angular and Firebase

Image 1
Comments
12 min read
Building an AI-Powered Alt Text Generator with Angular, Firebase AI Logic, and Gemini 3

Building an AI-Powered Alt Text Generator with Angular, Firebase AI Logic, and Gemini 3

Image Image Image 8
Comments 2
6 min read
Day 29 - Add a Loader and Error State

Day 29 - Add a Loader and Error State

Image 3
Comments
7 min read
Day 28 - Retrieve the Post Author

Day 28 - Retrieve the Post Author

Image 2
Comments
5 min read
Day 27 - Create a simple blog page

Day 27 - Create a simple blog page

Image 2
Comments
7 min read
Interpolate a Video from the First and Last Frames with Veo 3.1 and Nano Banana

Interpolate a Video from the First and Last Frames with Veo 3.1 and Nano Banana

Image 3
Comments
4 min read
Multi-Turn Chat to Edit Images with NanoBanana, Angular and Firebase AI Logic

Multi-Turn Chat to Edit Images with NanoBanana, Angular and Firebase AI Logic

Image Image Image 8
Comments 2
4 min read
Generating Multiple Images with NanoBanana and Firebase AI Logic in Angular

Generating Multiple Images with NanoBanana and Firebase AI Logic in Angular

Image Image Image 6
Comments
5 min read
Day 26 - Alert Component Part 5 - Extract logic and component from Alert Bar

Day 26 - Alert Component Part 5 - Extract logic and component from Alert Bar

Image 2
Comments
8 min read
Day 25 - Alert Component Part 4 - Update the Alert Bar to reopen closed alerts

Day 25 - Alert Component Part 4 - Update the Alert Bar to reopen closed alerts

Image 2
Comments
7 min read
Building an AI Creative Suite with Angular, Gemini, Imagen and Veo

Building an AI Creative Suite with Angular, Gemini, Imagen and Veo

Image 6
Comments 2
7 min read
Building an AI Photo Editor with Angular, Firebase AI Logic, and Nano Banana

Building an AI Photo Editor with Angular, Firebase AI Logic, and Nano Banana

Image 5
Comments
7 min read
Day 24 - Alert Component Part 3 - Add an Alert Bar to change styles

Day 24 - Alert Component Part 3 - Add an Alert Bar to change styles

Image 2
Comments
14 min read
Day 23 - Alert Component Part 2 - Dynamic Rendering of SVG Icons

Day 23 - Alert Component Part 2 - Dynamic Rendering of SVG Icons

Image 2
Comments
6 min read
Day 22 - Alert Component Part 1 - Alert List and Alert Components

Day 22 - Alert Component Part 1 - Alert List and Alert Components

Image Image Image 7
Comments 3
13 min read
Day 21 - Deploy the Github Profile Project to Github Pages

Day 21 - Deploy the Github Profile Project to Github Pages

Image 1
Comments
6 min read
Day 20 - Github Card project Part 3 - Styling

Day 20 - Github Card project Part 3 - Styling

Image 1
Comments
3 min read
Day 19 - Github Card project Part 2 - Component Composition

Day 19 - Github Card project Part 2 - Component Composition

Image Image Image 6
Comments
5 min read
Day 18 - Github Card project Part 1 - Data Retrieval

Day 18 - Github Card project Part 1 - Data Retrieval

Image 2
Comments
5 min read
Day 17 - Render Dynamic Content in HTML Template

Day 17 - Render Dynamic Content in HTML Template

Image 1
Comments 1
7 min read
Day 16 - Select a Coffee Plan with Component Event

Day 16 - Select a Coffee Plan with Component Event

Image Image Image 3
Comments
4 min read
Day 15 - Add a Coffee Plan Form

Day 15 - Add a Coffee Plan Form

Comments
5 min read
Day 14 - Create a PlanPicker Parent Component

Day 14 - Create a PlanPicker Parent Component

Image Image Image 3
Comments
3 min read
Day 13 - Create a CoffeePlan Component with Prop

Day 13 - Create a CoffeePlan Component with Prop

Image Image 1
Comments
4 min read
Day 12 - Component Fundamentals with JavaScript Frameworks

Day 12 - Component Fundamentals with JavaScript Frameworks

Image Image Image 7
Comments 1
3 min read
Day 11 Deploy Vue 3, Svelte 5, and Angular Applications to Github Pages

Day 11 Deploy Vue 3, Svelte 5, and Angular Applications to Github Pages

Image Image Image 6
Comments 1
4 min read
Day 10 - Introduction to reactivity in Vue 3, Svelte 5 and Angular

Day 10 - Introduction to reactivity in Vue 3, Svelte 5 and Angular

Image Image 4
Comments
5 min read
Day 9 - Dynamic Binding of CSS Classes and Styles in Vue 3, Svelte 5 and Angular

Day 9 - Dynamic Binding of CSS Classes and Styles in Vue 3, Svelte 5 and Angular

Image Image Image 8
Comments 3
5 min read
Resource API Changes in Angular 20 - Streaming Data in rxResource

Resource API Changes in Angular 20 - Streaming Data in rxResource

Image Image 5
Comments
4 min read
Resource API Changes in Angular 20 - Query Resource in rxResource

Resource API Changes in Angular 20 - Query Resource in rxResource

Image 6
Comments
3 min read
Day 8 - Attribute Binding in Vue 3, Svelte 5 and Angular

Day 8 - Attribute Binding in Vue 3, Svelte 5 and Angular

Image Image Image 5
Comments
3 min read
Day 7 - Conditional Rendering with built-in control flow syntax or directives

Day 7 - Conditional Rendering with built-in control flow syntax or directives

Comments
7 min read
Day 6 - User events in Components

Day 6 - User events in Components

Image 1
Comments
5 min read
Day 5 - User Inputs in Component

Day 5 - User Inputs in Component

Image 2
Comments
2 min read
Day 4 - List rendering in Vue 3, Svelte 5 and Angular 19

Day 4 - List rendering in Vue 3, Svelte 5 and Angular 19

Comments
4 min read
Day 3 - Use Expression in Template

Day 3 - Use Expression in Template

Comments
2 min read
Day 2 - Create the ShoppingCart component

Day 2 - Create the ShoppingCart component

Comments
2 min read
Day 1 - Create a new projects, dependencies, and global CSS styles

Day 1 - Create a new projects, dependencies, and global CSS styles

Image 3
Comments
2 min read
loading...