Open Source, Architecture, and Full-Stack Implementation

While my professional experience is detailed in the Career Timeline, this section provides an in-depth view of my technical ownership and architectural decisions across my personal and open-source projects.

Portfolio

A highly accessible, professional portfolio showcasing commitment to Core Web Vitals and superior web performance.

The Goal

A portfolio that practices what I preach: optimal performance, accessibility, and modern development practices. The site needed to load instantly, work perfectly for all users, and demonstrate expertise in contemporary front-end tooling.

Technical Approach

Built with Astro for low-count client-side JavaScript. Utilized Vercel for hosting and Continuous Delivery with automatic deployments. Styled with Tailwind CSS and DaisyUI components for rapid, consistent UI development with minimal JavaScript.

Key Features

  • Dark/light mode switch with system preference detection
  • Component-driven architecture with reusable blocks
  • Internationalization with 2 languages support
  • Fully responsive design

Why It Matters to Enterprise

Demonstrates up-to-date knowledge of modern front-end performance optimization, familiarity with contemporary deployment practices, and commitment to UI/UX best practices.

Lighthouse Performance Proof

100

Performance

100

Accessibility

100

Best Practices

100

SEO

Perfect Lighthouse scores across all categories (Desktop & Mobile)

Technical Stack

Astro
TypeScript
Tailwind CSS
DaisyUI
GitHub
Vercel

Forge Mock: Mock Data Platform (Architectural POC)

A foundational project designed to serve as a comprehensive platform for decoupling front-end and back-end development teams while supporting integration testing in distributed environments. The initial development and architectural setup were completed, establishing a robust framework for future feature implementation.

Goal

This project addressed the need for modern development teams to work independently without waiting for API implementations. The architecture was specifically planned to support realistic data scenarios for integration tests and to provide a reliable mocking infrastructure for local development and CI/CD pipelines in distributed systems.

Technical Solution & Architecture

A multi-repository architecture was defined and initially implemented, leveraging Next.js for the UI, ASP.NET Web API for the core mocking service logic, and a dedicated monitoring stack with Grafana and Prometheus was set up for future observability. Containerized deployment with Docker ensures consistency across environments.

Key Architectural Objectives

  • Schema-driven design for customizable data structures.
  • Plan for static and dynamic API endpoint mocking with response templating.
  • Initial setup for real-time monitoring and observability with metrics collection.
  • Integration of Redis-based caching for high-performance data generation.

Value & Demonstrated Skill

This project demonstrates expertise in Distributed Systems Design, selecting a modern, scalable tech stack, and implementing DevOps best practices for monitoring and containerization. It showcases the ability to architect a solution for common microservices pain points: parallel development and integration testing complexity.

Technical Stack

.NET
ASP.NET Web API
EF Core
Next.js
TypeScript
React Query
React Aria
PostgreSQL
GitHub
Docker
Grafana