Smart Expense Tracker

Frictionless Personal Finance Tool

Year

2024

Type

Side Project

My Role

Frontend Developer

Title

Smart Expense Tracker — Frictionless Personal Finance Tool

Description

A state-driven personal finance application with a rapid-entry interface. Processes and aggregates transactions locally, with Pinia stores driving instant analytics updates, FormKit for accessible input fields, and reactive category budgeting graphs.

Tech

Vue 3Tailwind CSSFormKitPiniaChart.js

Company

Personal Project

Links

GitHub →Live →

More Projects

Side Project · 2024

MealPilot

AI meal planner with schema-validated responses

A recipe and nutrition planning app built on the OpenAI API. The engineering problem worth solving: LLM responses are unreliable inputs. Every response is validated against a strict JSON schema — malformed outputs are rejected and retried, never rendered — and a client-side cache keyed on request parameters keeps repeat plans from hitting the API at all.

Key Outcomes

JSON-schema validation on every API response
Client-side caching to avoid redundant API calls

Nuxt 3
Vue 3
Tailwind CSS
TypeScript
OpenAI API

View Code Live Demo

Side Project · 2025

PromptVault

Local-first prompt storage and organization

A browser-based tool for storing and organizing AI prompts. Built local-first: all data lives in IndexedDB, so there are no accounts, no backend, and no network dependency. Prompts are organized with tags and versions, with client-side search over the whole collection.

Key Outcomes

Local-first architecture — all data in IndexedDB
Zero backend infrastructure

JavaScript (ES6+)
HTML5 / CSS3
IndexedDB
Web Storage API

View Code Live Demo

Side Project · 2024

Content Automation

Parsing and transformation pipeline for business data

A pipeline that converts heterogeneous raw business data into standardized markdown reports. The design centers on three stages: a tolerant parser that normalizes inconsistent input structures, a transformation layer with explicit per-field rules, and a deterministic markdown renderer so the same input always produces the same document.

Key Outcomes

Tolerant parsing of inconsistent input structures
Deterministic markdown output

Nuxt 3
Tailwind CSS
JavaScript
JSON Parser
Markdown Compiler

View Code Live Demo

Side Project · 2024

Neo Asteroid

NASA Near-Earth Asteroid Visualizer

NASA Near-Earth Object visualizer displaying tracking data from NASA's NeoWs API. Uses lightweight, accessible Chart.js canvas renders to display orbital tracks, sizes, and close-approach velocities across mobile and desktop viewports.

Key Outcomes

Live NASA NeoWs API integration
Canvas-rendered orbital charts

Nuxt.js
Vue.js
Tailwind CSS
Chart.js API

View Code Live Demo

Side Project · 2024

Fertilization Dashboard

Clinical Fertility Cycle Visualization

A dashboard for tracing fertility cycles. Converts multidimensional biochemical cycle datasets into interactive, accessible temporal graphs with zoom, filtering, and data export features for faster clinical review.

Key Outcomes

Interactive temporal graphs with zoom and filtering
Data export for clinical review

Nuxt 3
Tailwind CSS
Chart.js
Data Export Engines

View Code Live Demo

Side Project · 2024

Mastering Nuxt

Full-Stack Nuxt 3 Learning Platform

A full-stack educational and demo application illustrating Nuxt 3 architectures. Shows production patterns for global Pinia stores, server-side caching, Nuxt Content parsing, route middleware authentication, and SEO/Core Web Vitals optimizations.

Key Outcomes

Production Nuxt 3 patterns end to end
SSR, caching, and SEO demos

Nuxt 3
Vue 3
Tailwind CSS
Pinia Store
Nuxt Content
Vite

View Code Live Demo

Content Automation Neo Asteroid