Building enterprise SaaS platforms and cultural tech experiences with Next.js 15, React 19, and an entrepreneurial spirit.
I’m a New Mexico native blending enterprise-grade engineering with cultural storytelling and entrepreneurial hustle.
My work combines SaaS design, real-world analytics, and creative brand expression—applications that are as useful for businesses as they are authentic to communities.
- 🏢 Enterprise: Multi-tenant SaaS, RBAC/ABAC, compliance & reporting
- 🎨 Culture-forward: Tech that integrates Latino/Hispanic identity, storytelling, and brand
- 🚀 Operator mindset: Build for efficiency, margins, and scale
- 🤖 AI & Automation: Context tooling, LLM workflows, domain-specific automation
- Frontend: Next.js 15 (App Router, RSC), React 19, Tailwind CSS 4, shadcn/ui, Radix
- Backend: Node.js, React Server Actions, Vercel Edge Functions, Express (legacy)
- Data: PostgreSQL (Neon), Prisma ORM, Redis cache layers, analytics dashboards with Nivo & Recharts
- Auth & Security: Clerk, JWT, ABAC/RBAC, SVIX, rate-limiting with Upstash
- Tooling & QA: Vitest, Playwright, Testing Library, GitHub Actions CI/CD
- Architecture: Modular monorepos, microservices, event-driven actions, domain-driven design
- Deployment: Vercel (frontend/edge), Render (backends), GitHub Pages (static), automated workflows
Where enterprise meets entrepreneurship, and culture meets code.
Repo: DigitalHerencia/FleetFusion
Live Demo: https://fleet-fusion.vercel.app
- What it is: A Transportation Management System (TMS) for small-to-midsize logistics operators.
- Features:
- Dispatch board for assigning loads
- Driver & vehicle management with compliance docs
- IFTA fuel tax reporting module
- Billing workflows with audit logs
- Role-based access (RBAC/ABAC) for dispatchers, admins, drivers
- Architecture:
- Next.js 15 + React 19 client, Prisma ORM on Neon/Postgres
- Modular domains:
/features/dispatch,/features/billing,/features/ifta - Real-time actions via Clerk-authenticated server actions
- Edge deployment via Vercel for speed and scaling
Repo: DigitalHerencia/CodebaseContextUtility
Live Demo: https://codebase-context-utility.vercel.app
- What it is: A developer tool that transforms source repos into structured LLM-ready context.
- Features:
- Automatic dependency mapping and module graph
- Token estimation for GPT-friendly chunking
- JSON + Markdown output for embedding pipelines
- Integrates seamlessly into AI coding workflows
- Architecture:
- Next.js frontend, Node/TypeScript backend
- Static analysis of TS/JS repos
- Exportable context for Codex or GPT-powered assistants
Repo: DigitalHerencia/HustlersCode
Live Demo: https://hustlerscode.vercel.app
- What it is: A business intelligence dashboard built for hustlers and small-scale entrepreneurs.
- Features:
- POS-lite functionality (sales + cash flow)
- Inventory tracking for high-turnover items
- Profit margin analytics and hustler-friendly UI
- Optimized for quick pivots and real-world testing
- Architecture:
- SaaS dashboard template with Clerk auth
- Analytics-first, with Prisma + Neon as the backbone
Repo: DigitalHerencia/SiempreNuevo
Live Demo: https://siemprenuevo.vercel.app
- What it is: A bold streetwear storefront built with Next.js.
- Features:
- Clothing catalog with cart + checkout flow
- Brand aesthetic inspired by NM women’s culture
- Responsive mobile-first design
- Architecture:
- Headless Next.js storefront, integrated payment hooks
- Shadcn/ui + Tailwind for design system
Repo: DigitalHerencia/FreeTheHomie
Live Demo: https://freethehomie.vercel.app
- What it is: A modern fundraising storefront.
- Features:
- T-shirt storefront funding community causes
- AI-driven content powered by v0.app to tell the story
- Social-share optimized and mobile-friendly
- Architecture:
- Next.js SaaS shell with Clerk auth
- Integrated Stripe + server actions
Repo: DigitalHerencia/PortraitPlanner
Live Demo: https://portraitplanner.vercel.app/
- What it is: A modern planning tool for photographers and studios to organize sessions, build moodboards, and streamline client communication.
- Highlights:
- Session scheduling with editable shot plans and deadlines
- Moodboard creation to collect references and inspiration per shoot
- Gallery & deliverables view to keep client assets centralized
- PWA-ready with offline support for on-site work
- Theming (dark/light) with customizable tokens for brand fit
- Architecture:
- Next.js 15 + React 19, fully typed components
- UI built on Tailwind v4 + shadcn/ui + Radix primitives
- Forms via React Hook Form + Zod; state via Context + next-themes
- Image handling using @vercel/blob; analytics via Recharts
- Workbox service worker for precaching & runtime strategies
- Why it matters: Turns creative chaos into a predictable workflow, reducing missed shots and client back-and-forth.
---
config:
layout: dagre
---
%%{init:{
"flowchart":{"curve":"basis","nodeSpacing":42,"rankSpacing":60},
"theme":"base",
"themeVariables":{
"primaryColor":"#0ea5e9",
"primaryTextColor":"#ffffff",
"primaryBorderColor":"#0b4660",
"lineColor":"#94a3b8",
"clusterTitleFontSize":"86px",
"clusterTitleColor":"#ffffff"
}
}}%%
flowchart TB
%% ── Operating Principles (top)
subgraph PILLARS[Operating Principles]
direction LR
DS["Design Systems<br/>• Reusable components<br/>• Accessible patterns<br/>• Theme tokens"]:::pillar
OB["Observability<br/>• Structured logs & metrics<br/>• Dashboards (product & ops)"]:::pillar
SEC["Security by Default<br/>• Least privilege<br/>• Secrets hygiene<br/>• CI policy checks"]:::pillar
DOC["Docs as a Feature<br/>• Clear READMEs<br/>• Setup scripts<br/>• Architectural diagrams"]:::pillar
end
%% ── Influence lane (same color as PILLARS) with green tags inside
subgraph IMPACT[ ]
direction LR
subgraph COL_D[ ]
direction TB
L_sup_d["supports"]:::tag
L_inf_d["informs"]:::tag
L_con_d["constrains"]:::tag
L_gui_d["guides"]:::tag
end
subgraph COL_P[ ]
direction TB
L_sup_p["supports"]:::tag
L_ins_p["instruments"]:::tag
L_gat_p["gates"]:::tag
L_std_p["standardizes"]:::tag
end
subgraph COL_S[ ]
direction TB
L_sup_s["supports"]:::tag
L_mon_s["monitors"]:::tag
L_pro_s["protects"]:::tag
L_edu_s["educates"]:::tag
end
end
%% ── Anchors (fan-out to reduce crossings)
AD((" ")):::anchor
AP((" ")):::anchor
AS((" ")):::anchor
%% ── Delivery cycle (left→right order; milestones under the section)
subgraph CYCLE[Discovery→Prototype→Ship]
direction TB
subgraph FLOW[ ]
direction TB
D(Discovery):::stage --> P(Prototype):::stage --> S(Ship):::stage
S -.-> FL["feedback loop"]:::stage
FL -.-> D
end
M[("Measurable milestones")]:::note
D --> M
P --> M
S --> M
end
%% ── Pillars → tags (dashed)
DS -.-> L_sup_d; DS -.-> L_sup_p; DS -.-> L_sup_s
OB -.-> L_inf_d; OB -.-> L_ins_p; OB -.-> L_mon_s
SEC -.-> L_con_d; SEC -.-> L_gat_p; SEC -.-> L_pro_s
DOC -.-> L_gui_d; DOC -.-> L_std_p; DOC -.-> L_edu_s
%% ── Tags → anchors → stages
L_sup_d -.-> AD; L_inf_d -.-> AD; L_con_d -.-> AD; L_gui_d -.-> AD
L_sup_p -.-> AP; L_ins_p -.-> AP; L_gat_p -.-> AP; L_std_p -.-> AP
L_sup_s -.-> AS; L_mon_s -.-> AS; L_pro_s -.-> AS; L_edu_s -.-> AS
AD --> D
AP --> P
AS --> S
%% ── Styles
classDef stage fill:#0ea5e9,stroke:#0b4660,color:#ffffff,stroke-width:1.5px;
classDef pillar fill:#111827,stroke:#4b5563,color:#ffffff,stroke-width:1px;
classDef note fill:#f3f4f6,stroke:#9ca3af,color:#111827,stroke-width:1px;
classDef tag fill:#a3e635,stroke:#3f6212,color:#000000,stroke-width:1px;
classDef anchor fill:transparent,stroke:transparent,color:transparent;
style PILLARS fill:#1f2937,stroke:#4b5563,color:#ffffff,stroke-width:1px;
style IMPACT fill:#1f2937,stroke:#4b5563,color:#ffffff,stroke-width:1px;
style COL_D fill:#1f2937,stroke:#1f2937,color:#ffffff,stroke-width:0;
style COL_P fill:#1f2937,stroke:#1f2937,color:#ffffff,stroke-width:0;
style COL_S fill:#1f2937,stroke:#1f2937,color:#ffffff,stroke-width:0;
style FLOW fill:#1f2937,stroke:#4b5563,color:#ffffff,stroke-width:0;
style CYCLE fill:#1f2937,stroke:#4b5563,color:#ffffff,stroke-width:1px;
📧 Contact: Open an Issue
🔗 Portfolio: Explore live demos above
🌟 Open to: Full-time roles, contracting, OSS collaborations, and partnerships
“Knowledge is power, but applied knowledge is profit.”