---
title: "CAA AI Product Finder"
kind: student-project
location: "Holy Angel University"
tags: [students, student-work, apsi]
summary: "Find aircon parts that fit your car, for a family auto aircon shop."
---

*A final project from Full-stack JavaScript, 2026 first semester. Part of [Fifteen full-stack apps from a semester I almost did not survive](/calendar/2026-s1-apsi-students).*

<figure data-lightbox-group style="max-width: 22rem; margin: 0 0 var(--space-6, 2rem)"><a class="gallery__link" data-lightbox href="/media/projects/2026-1st-sem/caa-ai-product-finder/square.webp"><img src="/media/projects/2026-1st-sem/caa-ai-product-finder/square.webp" width="863" height="862" alt="CAA AI Product Finder, the project's square image" loading="eager" decoding="async" style="aspect-ratio:auto;height:auto;object-fit:contain"></a></figure>

## What it is

Pick a vehicle brand, model and year, and the finder shows the products with confirmed compatibility records, linking straight to the shop's Lazada, Shopee and TikTok listings. Editors maintain the catalog; there is no public sign-up.

Built with React, Express and PostgreSQL.

## Why it is here

It was built for a real shop, and it uses AI as a feature for the customer, not only as a helper for the developer. The dark, techy look suits a car-parts catalog better than it has any right to.

## Find it

- Project: [github.com/Teywyl/caa-ai-product-finder](https://github.com/Teywyl/caa-ai-product-finder)
- Live: [teywyl.github.io/caa-ai-product-finder](https://teywyl.github.io/caa-ai-product-finder/)
- GitHub: [@Teywyl](https://github.com/Teywyl)

## Screenshots

<div class="gallery" data-lightbox-group style="--gallery-min: 14rem; align-items: start">
<figure class="gallery__item" style="grid-column: 1 / -1"><a class="gallery__link" data-lightbox href="/media/projects/2026-1st-sem/caa-ai-product-finder/shot-1.webp"><img src="/media/projects/2026-1st-sem/caa-ai-product-finder/shot-1.webp" width="1600" height="756" alt="CAA AI Product Finder, screenshot 1 of 3" loading="lazy" decoding="async" style="aspect-ratio:auto;height:auto;object-fit:contain"></a></figure>
<figure class="gallery__item"><a class="gallery__link" data-lightbox href="/media/projects/2026-1st-sem/caa-ai-product-finder/shot-2.webp"><img src="/media/projects/2026-1st-sem/caa-ai-product-finder/shot-2.webp" width="1600" height="912" alt="CAA AI Product Finder, screenshot 2 of 3" loading="lazy" decoding="async" style="aspect-ratio:auto;height:auto;object-fit:contain"></a></figure>
<figure class="gallery__item"><a class="gallery__link" data-lightbox href="/media/projects/2026-1st-sem/caa-ai-product-finder/shot-3.webp"><img src="/media/projects/2026-1st-sem/caa-ai-product-finder/shot-3.webp" width="1600" height="894" alt="CAA AI Product Finder, screenshot 3 of 3" loading="lazy" decoding="async" style="aspect-ratio:auto;height:auto;object-fit:contain"></a></figure>
</div>
