Skip to content

Experience:

StayingInLJ - Social Commerce Platform

Full-Stack E-Commerce Application

A San Diego vintage furniture seller had an established customer base but no way to sell online or reach buyers outside of foot traffic at Sea Hive Station. The business needed a marketplace that could handle payments, shipping logistics, and inventory without requiring technical knowledge to operate. The result is a full-stack e-commerce platform with nationwide reach, a social feed, and an owner dashboard that gives the client complete control over their catalog and orders.

Key Accomplishments

  • Built full stack E-commerce marketplace using Node.js/Express and MongoDB transforming offline vintage business to digital-first platform
  • Integrated Stripe payments and shipping APIs enabling complete transaction workflows with automated order processing
  • Implemented Helmet.js security headers, rate limiting, and Cloudinary CDN for media delivery, deployed on Render with health monitoring

Portion of About page

Technical Architecture

  • Backend: Node.js/Express.js with MongoDB Atlas for scalable data management
  • Payments: Stripe API with comprehensive checkout and shopping cart functionality
  • Media: Cloudinary integration with owner-controlled crop positioning and optimization
  • Security: Helmet.js implementation, rate limiting, and authentication management
  • Infrastructure: Render hosting with health monitoring and automated scaling capabilities

Key Features

  • Polaroid-style social feed with interactive engagement system
  • Individual like system and right-sliding comment panels for enhanced user experience
  • Google OAuth 2.0 and local authentication for flexible user access
  • Owner dashboard with business analytics and inventory management
  • Mobile-responsive glassmorphism design optimized for all devices

Main Feed Example

Carmen's Cleaning - Professional Service Website

Lead Management System

Carmen's Cleaning Homepage

Carmen's Cleaning had operated for 18 years with no web presence, taking work entirely through word of mouth. The owner needed a way for Spanish and English-speaking customers to find the business, request quotes, and get a response without the owner managing a complicated backend. Delivered a production bilingual site in its first month live, with automated lead routing, a Google OAuth admin dashboard for managing quote requests, and PageSpeed scores of 100 desktop / 98 mobile.

Key Accomplishments

  • Delivered production Astro + React application with Supabase PostgreSQL backend and Netlify serverless functions for business transitioning from 18 years offline-only operations
  • Architected lead management system with Resend email integration and Google OAuth admin dashboard enabling client to track quote requests and schedule appointments
  • Implemented bilingual English/Spanish support with auto-detection and localStorage persistence achieving seamless language switching without page reloads
  • Site averaged 2+ minute engagement time in its first month without paid traffic, indicating visitors are reading and converting rather than bouncing

Services Section Quote Request Form

Technical Implementation

  • Frontend: Astro 5.x with React 19.x islands, TypeScript, Tailwind CSS 4.x
  • Backend: Netlify Functions (serverless), Supabase (PostgreSQL)
  • Authentication: Google OAuth 2.0 for admin access
  • Email: Resend API for automated lead notifications
  • Deployment: Netlify with CI/CD, environment variable management
  • Key Features: Bilingual form validation, CSV export, mobile-responsive design, admin dashboard
  • Performance: 100 desktop and 98 mobile PageSpeed scores through efficient Astro static generation and image optimization

Desktop PageSpeed Score Mobile PageSpeed Score

Technologies: Astro, React, TypeScript, Tailwind CSS, Supabase, Netlify, Google OAuth Live Site: carmens-cleaning.com

Contindex

A CLI Tool for AI Context Management

Developers working with AI assistants on large codebases spend significant time manually preparing and formatting context files before each session. Contindex is a Go CLI tool that automates that preparation, processing and transforming context files so developers spend less time on setup and more time on the actual work.

Key Accomplishments

  • Developed CLI tool using Go for AI context file processing streamlining developer workflows with large codebases
  • Implemented efficient file handling and transformation algorithms reducing context preparation time for AI assisted development
  • Built cross platform binary distribution enabling seamless integration across development environments

Contindex CLI Tool Visual showing processing and transformation capabilities

Technical Implementation

  • Core language: Go for performance and cross-platform compatibility
  • File processing: Handles large context files with efficient memory management
  • CLI interface: User-friendly command structure with comprehensive help documentation
  • Integration: Works seamlessly with existing AI development workflows

Key Features

  • Fast processing of AI context files regardless of codebase size
  • Flexible transformation options for different AI assistant requirements
  • Cross-platform binary distribution for easy installation
  • Minimal dependencies for reliable execution across environments

Technologies: Go, CLI Development, File Processing Repository: github.com/AngelCodes95/contindex

Terminal Jarvis - AI Development Tools Hub

Landing Page Development & Project Maintainer

Terminal Jarvis Logo

Developers using multiple AI coding assistants had no single interface to switch between them from the terminal. Terminal Jarvis solves that by unifying Claude, Gemini, OpenCode, and other LLM interfaces through one CLI. I built the project's public landing page and contribute ongoing direction through code reviews and architectural guidance.

Key Accomplishments

  • Built responsive landing page using HTML/CSS/JavaScript creating professional web presence for open source AI tools project
  • Designed terminal-themed interface with animated loading sequences matching CLI application aesthetic and user experience
  • Maintain project direction through code reviews and architectural guidance supporting active developer community

Terminal Jarvis Dark Mode Terminal Jarvis Light Mode

Landing page light and dark modes

Technical Implementation

Generator Screaming Bones

React + TypeScript Project Generator

Before AI tools could scaffold projects on demand, starting a new React + TypeScript project meant hours of repetitive setup: configuring Vite, ESLint, Prettier, Tailwind, and figuring out a folder structure that would still make sense six months later. This Yeoman generator was built to solve that problem and eliminate that setup entirely. It scaffolds a domain-driven project in under two minutes with all tooling pre-configured, and the resulting structure organizes code by business domain rather than technical layer so the project stays readable as it grows. Published to NPM with 300+ downloads.

Key Accomplishments

  • Developed automated scaffolding using Yeoman + Node.js eliminating repetitive React + TypeScript project setup
  • Implemented domain-driven architecture with ESLint 9 + Prettier 3.x enforcing consistent patterns across projects
  • Published NPM package with 300+ downloads reducing project initialization from hours to minutes

Screaming-Bones Process Flow CLI scaffolding tool process flow showing initialization, user input validation, configuration assembly, and project generation stages.

Technical Implementation

DEVx Network - Speaker Archive Feature

Open Source Collaboration | Pull Request: github.com/DEVxNetwork/devx.network/pull/39

DEVx Network, a San Diego tech community nonprofit, had 31+ speaker talks from past livestreams with no organized way for community members to find and navigate them. I designed and implemented a speaker archive page that organizes talks by year with direct YouTube links, going through multiple architectural review cycles with the maintainers. The initial embed-based approach was pivoted to a speaker-centric grid layout based on feedback, and the feature shipped to production in October 2025.

Key Accomplishments

  • Contributed React feature implementation through iterative code review process pivoting from livestream embeds to speaker-centric grid layout based on architectural guidance
  • Structured data model with 31 speaker entries including timestamp handling and YouTube URL parameters enabling precise navigation to individual talks
  • Collaborated with maintainers adapting design from archive-focused to engagement-driven approach directing traffic to YouTube channel for community growth

DEVx Network Speaker Archive Page DEVx Network Speaker Grid Layout

Technical Implementation

  • Frontend: React with TypeScript, responsive grid layout, year-based organization
  • Data Structure: Centralized talks.ts with speaker metadata and YouTube integration
  • Code Review: Multiple commit cycles incorporating feedback on component organization, memoization strategies, and visual design consistency

Collaboration Highlights

  • Refactored initial implementation based on product direction feedback transforming embedded archive into speaker showcase
  • Adopted atomic commit conventions mid-project improving git history clarity
  • Discussed future enhancement strategies including YouTube API integration for dynamic data management
  • Maintained clear communication throughout review process demonstrating professional development practices

Technologies: React, TypeScript, YouTube API Integration, Component Architecture Status: Merged to production October 2025

Together, A Calendar App for 100Devs

Open Source MERN Stack Contributions

The 100Devs community calendar had production OAuth failures breaking user login in the Fly.io deployment environment. I diagnosed the root cause, replicated the production environment locally with a personal Fly.io instance and MongoDB cluster to verify fixes before submitting, and merged multiple pull requests restoring authentication and session management.

Key Accomplishments

  • Contributed OAuth authentication fixes using MERN stack resolving production failures in Discord community calendar
  • Deployed personal production environment on Fly.io with MongoDB cluster replicating production conditions for testing
  • Documented bug fixes and feature enhancements achieving successful Open Source contribution

Technical Details

  • Technologies: MongoDB, Express.js, React, Node.js, OAuth, Fly.io
  • Key Features: Production debugging, OAuth implementation, session management, deployment troubleshooting
  • Repository: github.com/AngelCodes95/together

Technical Focus Areas

  • Architecture patterns and code organization over framework dependency
  • Developer experience optimization and tooling
  • Go for CLI development and file processing
  • Modern JavaScript ecosystem and build automation

Click to go to the Skills Section