Welcome to my github! Here I document notable projects spanning full-stack web development, geospatial data visualization, creative coding, Python data science, and embedded hardware.
You can also view a more interactive version of my portfolio here: gustavochanchien.github.io
- Full-Stack Web Applications
- Mapping & Civic Data
- Python & Data Science
- IoT & Hardware
- Extensions
- Creative Coding & Simulations
| Project | Tools | Description |
|---|---|---|
| π Pregunton | Vue 3, Vite, Vue Router, Firebase, Firestore, Chart.js, Vitest | SaaS community engagement survey platform with multi-language support, role-based access control, conditional logic, field worker portals, and real-time analytics. |
| π€ Engage for Equity | Vue 3, Vite, Firebase, Firestore, Cloud Functions, Google OAuth, Chart.js | Production survey platform deployed for a real client (Engage for Equity) with Google OAuth authentication, multi-language surveys, and comprehensive reporting. |
| π PicoClaw WhatsApp Agent Family Planner | Gemini API, PicoClaw, Google Cloud Virtual Machines, Whatsapp Web API | Technical guide to building an autonomous, budget-friendly WhatsApp bot that uses Gemini AI and PicoClaw to automatically parse family group chat messages and sync events directly to a shared Google Calendar. |
| ποΈ Candidate Tracker | Node.js, Express, Firebase, Cloud Functions, Firestore, MapLibre GL, LegiScan API, Open States API | Full-stack app for tracking NM state legislators, their sponsored bills, legislative activity by topic, and biographical data β with an interactive map and web scraping pipeline. |
| π₯ MiniEMR | React 19, TypeScript, Firebase, Firestore, Cloud Functions, Firebase Auth, Tailwind CSS 4, Vite | HIPAA-oriented patient tracking system for hospitalist physicians with multi-facility support, clinical notes, vitals, offline-first Firestore persistence, SMS MFA, and FHIR R4 export. |
| π Adopt Dogs | Coming Soon (web scraped data needs clearance) Node.js, Express, React 18, 24PetConnect API, Nominatim Geocoding API | Swipe-style dog adoption app for Albuquerque Animal Welfare shelters with swipe interactions, breed matching, and a Node.js proxy server for API integration. |
| Project | Area | Tools | Description |
|---|---|---|---|
| ποΈ NM Politics Transparency Portal | Political Finance, Network Analysis | Python, Pandas, Requests, ijson, D3.js, D3-Sankey, PapaParse | Quantifies and maps money flows across New Mexico's political networks β aggregating campaign contributions, expenditures, and lobbying registrations from 2016β2026 across thousands of donors, committees, candidates, and lobbyists. Processes 1.3+ GB from three government APIs (NM CFIS, OpenFEC, Senate LDA) to surface donor-to-candidate relationships and lobbying influence through interactive Sankey and force-directed network visualizations. |
| π₯ Case Studies in ML Class Project: Provider Shortage Analysis | Machine Learning, Healthcare Policy | Python, Pandas, scikit-learn, Random Forest, Census Bureau API, seaborn, matplotlib | Graduate ML research project investigating whether state-level financial policies β Medicaid reimbursement rates and malpractice liability risk β predict specialist physician density across six specialties (Psychiatry, Family Medicine, OBGYN, Pediatrics, Orthopedics, Dermatology) at the ZIP-code level using multi-source government datasets (CMS NPPES, NPDB, KFF, CDC PLACES). |
| πΊοΈ NM Alcohol Crash Data | Computer Vision, GIS | Python, Jupyter Notebook, OpenCV, NumPy, GeoPandas, Shapely, Scikit-learn, Matplotlib | Extracts crash locations from static government map images using OpenCV feature detection, applies ground control point georeferencing, and exports results as GeoJSON. |
| π¦ Outbreak Simulator | JavaScript, Canvas API | Browser-based SEIRD epidemiology simulator with adjustable Ξ²/Ξ³/ΞΌ parameters, vaccination and mutation dynamics, live Rβ/Rβ tracking, timeline scrubbing, and 10 disease scenario presets β runs entirely client-side with CSV export. |
| Project | Tools | Description |
|---|---|---|
| π¨ Crime Dashboard | JavaScript, Leaflet, Leaflet Heat, Chart.js, ArcGIS REST API | Albuquerque 911 incidents dashboard with time sliders, call-type filters, and three rendering modes β dot map, heatmap, and ZIP code choropleth β sourced from CABQ Open Data. |
| ποΈ NM Politics Transparency Portal | Python, Pandas, Requests, ijson, D3.js, D3-Sankey, PapaParse | End-to-end ETL pipeline and browser-based Sankey visualization aggregating NM campaign finance, lobbying registries, and federal election data from multiple government APIs. |
| π£οΈ Pathfinding Experiment | JavaScript, MapLibre GL, OpenStreetMap, Overpass API | Live traffic simulation across Albuquerque's road network comparing pathfinding algorithms (A*, Dijkstra, greedy best-first, BFS, DFS) with real OSM road data and congestion dynamics. |
| Project | Tools | Description |
|---|---|---|
| π‘ ESP32 Basic Telemetry | C++, Arduino, ESP32, I2C, DHT11, MPL3115A2, MLX90614, SSD1306 OLED, Adafruit Libraries | Embedded telemetry system for RC hot air balloons. The ESP32 reads temperature, humidity, pressure, and altitude from multiple sensors and serves a real-time web dashboard with flight timer and estimated lift calculations over WiFi. |
| π± IoT Hydroponic Monitor | JavaScript, MQTT.js, Firebase Hosting | Browser-based monitoring dashboard for hydroponic growing setups, receiving real-time sensor readings over MQTT and displaying water quality metrics. |
| Project | Tools | Description |
|---|---|---|
| π CHROME: True Dark Mode Extension | JavaScript, Chrome Extension API (Manifest V3), CSS | Chrome extension that applies professional VSCode-style dark themes to any website using semantic color mapping. Features 10 built-in themes (Monokai Pro, Dracula, Nord Deep, etc.), auto-apply mode, and fully local execution with no remote code. |
| πͺ CHROME: Footer Visual Window Organizer | JavaScript, Chrome Extension API (Manifest V3), Sharp | Chrome extension that assigns a distinct color to each browser window, making it easy to visually identify and switch between multiple open windows at a glance. |
| π·οΈ VS CODE: Finder Tag Colors | TypeScript, VS Code Extension API, macOS Extended Attributes | VS Code extension that reads macOS Finder tag metadata and colors files and folders in the Explorer to match their Finder tag colors β no configuration required. |
| Project | Tools | Description |
|---|---|---|
| π Box Simulator | JavaScript, MapLibre GL, HTML5 Canvas, WebGL | 3D wind and balloon physics sandbox over Albuquerque with procedural multi-layer wind fields, particle rendering, terrain extrusion, and interactive view presets. |
| π Balloon Simulator | Three.js, MediaPipe Vision, WebGL, Canvas | Hot air balloon swarm simulator with instanced 3D rendering, physics-based buoyancy and wind, and optional hand/pose tracking via webcam using MediaPipe. |
| π¦ BoidAI | Vanilla JavaScript, HTML5 Canvas, Neural Networks, Genetic Algorithms | Emergent swarm intelligence visualization using boid flocking rules combined with neural network brains evolved through genetic algorithms on an interactive canvas. |
| π‘ Projector Show | Vanilla JavaScript, Canvas API, Web Audio API | Real-time light show visualizer with 30+ animated presets, BPM controls, and microphone-reactive beat detection β designed for live projection. |
| π₯οΈ XP Desktop | Vanilla JavaScript, Canvas API, Drag-and-Drop API, localStorage | Interactive creative portfolio styled as a Windows XP desktop with draggable icons, a functional start menu, taskbar with real-time weather, and launchable app windows β built entirely in vanilla JS. |
| π« ECG & Vectorcardiogram Simulator | JavaScript, HTML5 Canvas, Canvas API | Interactive 12-lead ECG and vectorcardiogram simulator that derives all leads from a shared synthetic 3D cardiac vector, with 15+ rhythm and morphology presets (AFib, LBBB, STEMI, VT, Long QT, etc.) for teaching cardiac arrhythmias. |