Projects¶
Generator Screaming Bones¶
React + TypeScript Project Generator | 18 Weekly Downloads
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.
Challenge Solved: Eliminate repetitive project setup and enforce consistent architecture patterns across React + TypeScript projects while maintaining flexibility for different use cases.
Architecture Decision: Implemented domain-driven folder structure where "folder structure communicates what the application does" rather than traditional technical layer organization, improving code maintainability and onboarding efficiency.
CLI scaffolding tool process flow showing initialization, user input validation, configuration assembly, and project generation stages.
Performance: 30-90 second generation time with 2-3 second cold start, ~500ms template processing per file
Technologies: Node.js, Yeoman, TypeScript, Vite, ESLint 9, Prettier 3.x
Key Features: Interactive CLI validation, EJS templating, conditional feature setup, Git initialization
Repository: github.com/AngelCodes95/generator-screaming-bones
NPM Package: npmjs.com/package/generator-screaming-bones
Together Calendar¶
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.
Challenge Solved: Diagnosed and fixed OAuth authentication failures in production environment by deploying local Fly.io instance with MongoDB cluster and Discord authentication to accurately replicate production conditions and test fixes.
Technical Implementation: Built local production environment replica using Fly.io CLI, configured MongoDB Atlas connection strings, and implemented Discord OAuth flow debugging to isolate session persistence issues in containerized deployment.
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
StayingInLJ Business CMS¶
Full-Stack Content Management System
Custom content management system developed for local business client to manage vintage product inventory. Implemented secure authentication, role-based access control, and comprehensive CRUD operations for product catalog management. Deployed to production with image optimization and responsive design.
Challenge Solved: Created scalable inventory management solution for client with no existing digital catalog system, including secure image storage, user role management, and mobile-responsive interface for on-the-go inventory updates.
Authentication Implementation: Built hybrid authentication system supporting both Google OAuth 2.0 and local strategy registration, with granular role-based permissions where public users can sign up and engage (likes/comments) while administrative functions remain restricted to the business owner, ensuring security without limiting community interaction.
Technologies: Node.js, Express.js, MongoDB, EJS, Bootstrap, Cloudinary
Key Features: Google OAuth 2.0, admin image management, RESTful API, responsive design
Security: Passport.js authentication, bcryptjs hashing, session management
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.
Challenge Solved: Create memorable, interactive portfolio that showcases technical creativity while maintaining professional presentation and optimal performance across desktop and mobile devices without external libraries.
Technologies: JavaScript, SVG, 3D Mathematics, CSS Animations
Key Features: Physics simulations, mobile touch controls, color-changing animations
Live Demo: angel-vazquez.com
Repository: github.com/AngelCodes95/angel-vazquez-com
Community & Open Source¶
100Devs Community Contributions - Active contributor and mentor in the 100Devs developer community - Focus on practical application development and supporting emerging developers - Collaborative projects and peer code reviews
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