Dale Nguyen

Insights & IdeasFrom the Blog

Welcome to my collection of thoughts, ideas, and discoveries. Hope you find something inspiring!

SafePlate AI - Building a Personal Solution for Safer, Smarter Meal Planning
Meal Planning Ai Apr 23, 2025

SafePlate AI - Building a Personal Solution for Safer, Smarter Meal Planning

Managing food allergies and dietary restrictions can be frustrating and time-consuming, especially when you want to make sure every meal is safe and fits your nutrition goals. I realized there wasn’t a simple tool that could help me quickly identify safe foods and suggest meals tailored to my needs. So, I decided to build one myself.

Photo of undefined

Dale Nguyen

Read Article
Supabase Wordpress

Supabase WordPress Integration - SupaWP Plugin

This integration bridges the gap between WordPress’s popular CMS capabilities and Supabase’s modern backend services, empowering developers to build next-generation web applications efficiently.

Dale Nguyen Read More →
Angular Openai Open-source

Building EczEase with Cutting-Edge Tech - Build Landing Page

This innovative platform aims to transform the way people manage eczema and food allergies, leveraging the power of artificial intelligence and modern web technologies.

Dale Nguyen Read More →
Angular Openai Open-source

Building EczEase with Cutting-Edge Tech - Introduction

This innovative platform aims to transform the way people manage eczema and food allergies, leveraging the power of artificial intelligence and modern web technologies.

Dale Nguyen Read More →
Angular Webdev Portfolio

The Final (For Now) Setting for My Personal Blog as a Dev

As developers, we often find ourselves in a cycle of continuous improvement, especially when it comes to our personal projects. For me, revamping my personal blog has become a recurring theme, each iteration serving as a valuable learning experience.

Dale Nguyen Read More →
Angular Tutorial Gcp

Building PDF Open Source Services with Angular & GCP — PDF AI Chat

Welcome to the first part of the journey in building open source PDF service using Angular (Analogjs), Firestore, Cloud Storage, and CloudRun. This project serves as a platform for sharing my knowledge, continually learning best practices, and simultaneously contributing to the community.

Dale Nguyen Read More →
Angular Tutorial Gcp

Building PDF Open Source Services with Angular & GCP — Handling long processing tasks

Welcome to the first part of the journey in building open source PDF service using Angular (Analogjs), Firestore, Cloud Storage, and CloudRun. This project serves as a platform for sharing my knowledge, continually learning best practices, and simultaneously contributing to the community.

Dale Nguyen Read More →
Angular Tutorial Gcp

Building PDF Open Source Services with Angular & GCP — Deploy Services to Cloud Run

Welcome to the first part of the journey in building open source PDF service using Angular (Analogjs), Firestore, Cloud Storage, and CloudRun. This project serves as a platform for sharing my knowledge, continually learning best practices, and simultaneously contributing to the community.

Dale Nguyen Read More →
Angular Tutorial Gcp

Building PDF Open Source Services with Angular & GCP — Architecture Overview

Welcome to the first part of the journey in building open source PDF service using Angular (Analogjs), Firestore, Cloud Storage, and CloudRun. This project serves as a platform for sharing my knowledge, continually learning best practices, and simultaneously contributing to the community.

Dale Nguyen Read More →
Angular Tutorial Webdev

Angular functional router guard and testing with inject()

In Angular, guards are a fundamental feature that protects routes within an application. Guards check if certain conditions are met before allowing users to access specific routes. Guards can be used for authentication and authorization, role-based access control, feature flag checks, and more.

Dale Nguyen Read More →
Angular Firebase Stripe Tutorial Webdev

Ultimate Local Development Setup with Angular, Firebase & Stripe

Building an eCommerce website is a complicated task. Especially when you have different services that need to communicate with each other. Here is the scenario where you don't have everything ready locally for development.

Dale Nguyen Read More →
Angular Heroku Github Tutorial Webdev

Why I Moved My Website From Github Pages to Heroku - with a Cost

As you may or may not know, I built my personal website as a Single Page Application (SPA) with the Angular framework and hosted on Github Pages. Everything works great until I integrated a Blog feature on my personal website. Things were getting ugly for search engine optimization (SEO) and social media preview.

Dale Nguyen Read More →
Angular Testing Cypress Tutorial Webdev

Angular End To End (e2e) Testing With Cypress.io

An End to End Test is a methodology used to test an application from a user's perspective. It ensures that the application behaves as expected from the beginning to the end.

Dale Nguyen Read More →
Angular Tutorial Webdev

Update Angular to Version 9

This is a new year project: update my personal website from Angular 8x to Angular 9. The process is very easy with only 2 commands from @angular/cli. You can check the guide from the Angular website.

Dale Nguyen Read More →
Webdev Tutorial Cms

Create Your Own Blog with ButterCMS

I wrote a bunch of articles, and somehow I wanted to have a blog on my personal website. I tried to get posts from DEV.TO and display them on my personal website, and it worked perfectly well. However, DEV.TO is a platform for software engineer sharing experience only, and I want more than that.

Dale Nguyen Read More →
Webdev Tutorial Api

Create Your Own Blog with DevTO API

It's quite an interesting platform where programmers share ideas and help each other grow. It is an online community for sharing and discovering great ideas, having debates, and making friends. Anyone can share articles, questions, discussions, etc. as long as they have the rights to the words they are sharing. Cross-posting from your own blog is welcome - quote from the About page.

Dale Nguyen Read More →
Webdev Tutorial Angular Github

Create Your Website For FREE with Github Pages — Angular

In the previous post, I show you how to do some research in order to have a glimpse of how to research for your own website - such as a portfolio website. Today, you will know to create a sample Angular site and host in on Github Pages.

Dale Nguyen Read More →
Webdev Career Beginners

Want to build a career in TECH? — start with your WEBSITE!

Your personal website always belongs to you. It's the best and easiest investment that you could make. Why do I say that? It's because If you are still in school — your website is your portfolio. And if you're working — your website is your portfolio and branding.

Dale Nguyen Read More →