image of cartoon character
Hi, I'm Kenny 🙋‍♂️

I build and automate all things on the web.

I'm a UCSD Computer Engineering graduate with a strong skillset in Full-Stack Web and Mobile app development. I'm passionate about building real-world applications for users and excel at finding the best tools to quickly iterate and build user-centric features.

Hire Me / Get in touch! 🙋‍♂️

Portfolio made with ❤️ using React, Next.JS & Tailwind CSS


I'm Currently Working on...

preview of recipemate.app

RecipeMate: A Modern Recipes Search Engine with Recommendation System

 SvelteKit
 TypeScript
 PocketBase
 Tailwindcss
 Weaviate Vector DB
 Docker

Built a recipes search engine allowing for users to search for recipes using vector similarity keyword search such as cuisine, ingredients, flavor, and flexible filtering search such as fitering by diet and avoiding allergic foods. Self-deployed on a VPS (Hetzner) to leverage lower-latency database calls as this application makes calls to SQLITE/GO and Vector DB backend microservices locally. Currently deploying as a PWA (progressive web app) to ship as a IOS/Android mobile app.

screenshot of emotional speech AI website

Sentispeech: Realistic Text-To-Speech Generator SaaS Product

 SvelteKit
 TypeScript
 PocketBase
 Tailwindcss
 Docker

A work-in-progress SaaS product enabling realistic text to speech using pretrained and finetuned text to speech AI models. Features include project creation and management, a speech builder enabling customizable adjustment of speech such as terseness and emotion. Backend implementation involves serverless GPU runtime using RunPod.

screenshot of Narraitor Audbiobook mobile app

Narraitor: A IOS/Android Audiobook App Generated by Realistic AI Text To Speech

 Flutter
 Dart
 PocketBase

A work-in-progress audiobook app leveraging realistic text to speech to generate public domain audiobooks. Features will include requesting books from Gutenberg API to be generated, search filtering audiobooks, and changing audiobook narration voices.


Projects & Experience

image of an app login page

WanderIn: A Social Media Location Sharing App

 Flutter
 Dart
 Firebase
 C++

Built a cross platform social media IOS/Android app that allows users to pin and share current and remote locations on a map and comment on user pins. This app works with a bluetooth wristband made from scratch using C++, ESP32, 3D printed material which helps navigate users to pinned locations.

screenshot of CBP data website

Industry Atlas: A Map Visualizer Displaying Employment Data by Industry

 MongoDB
 Express.JS
 React
 Node.JS
 REST API
 Docker
 Nginx

Designed and developed a website that visualizes employment data from the US Census Bureau's County Business Patterns dataset for researchers at Yale and UCSD. This allows users to explore the data interactively through an interactive map, slider-based year selection, and two viewing modes: sector-specific and county-level overview.

photo of mixed reality headset, Hololens 2

MARVIN: A Desktop Application to Send Video/Files to Hololens2 (Mixed Reality Headset)

 Node.JS
 React
 Electron
 TypeScript
 Tailwindcss
 WebRTC
 Unity
 Firebase

Developed a desktop interface that enables surgeons to send and receive DICOM files (3D patient images), as well as live video capture card feed using Microsoft Hololens 2. This application communicates with the Unity application responsible for managing the user interface on the headset.

preview of dog search app

Fetch Dog Search: Dog Adoption Search App

 SvelteKit
 TypeScript
 SQLITE + Drizzle ORM
 Tailwindcss

Built a dog search app as a part of a take-home assignment. Features include JWT auth, filtering by breed, age, ascending/descending sort, client/server-side form validation, data synchronization with SQLite database using DrizzleORM for TypeSafety + better DX.

screenshot of slideshare website

SlideShare: A platform for ECE140a Students at UCSD

  Python
 Javascript
  FastAPI
  MySql
 Tailwindcss
 REST API

Built a idea-sharing platform for students in UCSD's ECE140a class to display student's business ideas and commenting on student ideas. Notable features include implementation of auth flow (login system), displaying fetched data from an API, updating user information, and a commenting system.


Other Projects

screenshot of Reddibot website

Reddibot: Generate Media / Receive Notifications from Subreddits

  Discord API
  Reddit API
  Bootstrap CSS
  Python
 MongoDB

A Discord bot to fetch media and subscribe/unsubscribe to receive posts from any Subreddit. Built a static website to publicize the features of Reddibot.

screenshot of bujo studio website

Bujo Studio: A Bullet Journaling App

 Node.JS
 Javascript
  Bootstrap CSS
  Unit Test
  CI/CD

Designed and developed with my CSE110 team a bullet journaling website which allows users to add bullet notes in a calendar, week, hourly, view. Addtional features include toggling dark/light mode, import/exporting settings, filtering by created user tags to organize notes.

screenshot of Recipes database website

The Recipes Database: Recipe Search Web App

 React
 REST API
  ChakraUI

Designed and developed a UI for a Recipe search website. The endgoal of this website is for users to be able to add ingredients and search for recipes from a large database of scraped recipes.

screenshot of Python's IDLE Shell with ChatGPT tabs

GPT Docs: ChatGPT Integration in Python IDLE Shell

  Python
 ChatGPT API
  Unit Test

Python Idle Shell but with ChatGPT to help you code and even links you to external documentation to Python docs with tab management for multiple chats!


My Favorite Tech for 2023 🥳

The tech I'll be using in 2023 for my next projects

Next.js 13

A React framework for web applications. It supports SSR and SSG out of the box and simplifies development with file-based routing, automatic code splitting, various optimizations for performance, SEO, and many other benefits.

SvelteKit

A JavaScript framework similar to Next.js, but using Svelte rather than React. Svelte compiles components into highly efficient JavaScript at build time, while React relies on a virtual DOM for runtime updates.

TypeScript

TypeScript is a typed superset of JavaScript. It introduces static typing for improved code readability, early error detection, and enhanced tooling support.

Tailwind CSS

Pre-built CSS classes for efficient web application styling. It provides a comprehensive set of utility classes for styling elements, spacing, and responsiveness, eliminating the need for writing custom CSS.

Drizzle ORM

My preferred ORM for anytime I want to write SQL for a web app that is using TypeScript. It provides a good level of abstraction that still looks like SQL compared to other ORMs.

Flutter

Google's framework for rapid native app development, is my choice for mobile development due to its unified developer experience. It minimizes reliance on third-party packages, resulting in leaner code and less complexity.

Pocketbase

A really simple to use backend written in Go that is fast and easy to use. A server packaged as an executable supporting SMTP server, S3 Object Storage, SDK, admin dashboard, and more!


Tech People I Follow 👀

Web technology evolves rapidly, and keeping up with the latest trends helps me learn new tools that enhance both user and developer experiences.