Skip to content

Projects

Generator Screaming Bones

React + TypeScript Project Generator

Yeoman generator implementing Screaming Architecture principles with opinionated tooling setup including Vite, ESLint, Prettier, and optional Tailwind CSS integration. Organizes code by business domain rather than technical layers, creating self-documenting project structures.

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

Together, A Calendar App for 100Devs

Open Source MERN Stack Contributions

Contributed critical bug fixes to open source group calendar application for the 100Devs community. Resolved production OAuth authentication failures affecting user login in Fly.io deployment environment and restored essential session management functionality. Successfully merged multiple pull requests to production.

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

Terminal Jarvis - AI Development Tools Hub

Landing Page Development & Project Maintainer

Terminal Jarvis Logo

Professional landing page and ongoing maintenance for CLI-based AI tool switcher. Terminal Jarvis unifies multiple AI coding assistants including Claude, Gemini, OpenCode, and LLM interfaces through a single terminal application.

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 ModeTerminal Jarvis Light Mode

Landing page light and dark modes.

Technical Implementation

StayingInLJ - Social Commerce Platform

Full-Stack E-Commerce Application

Vintage furniture marketplace combining social media engagement with e-commerce functionality. Serves San Diego vintage business with nationwide reach through online sales and physical retail presence at Sea Hive Station.

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 security measures using Helmet.js and rate limiting deployed on Render with Cloudinary CDN achieving enterprise functionality

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

Interactive Portfolio

3D Wireframe Pyramid Portfolio

Unique portfolio experience featuring 3D wireframe pyramids with physics-based animations, SVG rendering, and responsive touch controls. Demonstrates advanced mathematical concepts and interactive web development techniques.

Key Accomplishments

  • Built custom 3D rendering engine using vanilla JavaScript and SVG creating memorable interactive portfolio experience
  • Implemented physics-based rotation systems from mathematical fundamentals achieving optimal performance without external libraries
  • Developed responsive touch controls for mobile devices demonstrating advanced JavaScript capabilities through custom physics implementations

Technical Details

Technical Focus Areas

  • Architecture patterns and code organization over framework dependency
  • Developer experience optimization and tooling
  • Interactive web experiences and animation techniques
  • Modern JavaScript ecosystem and build automation

Interests & Currently learning

  • CI/CD workflows
  • Yaml
  • Rust
  • Python

Click to go to the Skills Section