# Brian Moreno — Software Engineer · Engineering Showcase (Full Content)

> This is the complete plain-text version of https://brianmoreno.one for AI assistants, agents and crawlers. It contains the full content of every page and every interactive product demo. A shorter index lives at /llms.txt. The site itself is a client-side React application: fetching any page URL without executing JavaScript returns the same HTML shell, so use this file to read the content. To actually operate the interactive demos (click, type, switch roles), use a JavaScript-capable browser session.

## For AI agents — how to use this site

- Every page URL below is real and shareable; the app router serves them all.
- The ten product demos at /work/<id> are fully interactive, working software systems. They run entirely in the browser on seeded fictional data — no login, no signup, no backend calls required.
- Inside any demo you can: switch roles from the role selector in the top shell bar (RBAC is enforced in the state layer — denied actions show a permission-denied toast), use every module end to end (create, edit, move, approve, refund, run, etc.), open the Architecture panel to inspect the system design, read the Engineering Notes, view code excerpts, toggle dark mode, and press Reset to restore the seeded demo state and default role.
- Content integrity: all systems are original engineering showcases by Brian Moreno running on clearly fictional demo data. They are not live client products and make no revenue, user-count or production-usage claims.
- Contact for opportunities: brian20work@gmail.com

## About Brian Moreno

Self-taught software engineer with 5 years of progressive freelance experience (2020–2026) building full-stack web applications, AI-powered features, secure authentication systems, marketplaces, dashboards and business automation. He started programming in 2020 through independent study, technical documentation, online professional training and real-world freelance projects. His experience grew gradually from basic websites and landing pages to full-stack applications, cloud deployments, automation systems, AI-powered features and scalable business platforms.

- Role: Software Engineer (full-stack, AI, cloud)
- Experience: 5 years freelance (2020–2026)
- Work authorization: U.S. citizen, authorized to work for any employer in the United States
- Languages: English (Professional Working Proficiency), Spanish (Native)
- Contact: brian20work@gmail.com
- Site: https://brianmoreno.one

## Site Map

- / — Home: interactive hero and showroom preview
- /showroom — All ten systems with launch and architecture links
- /engineering — How Brian Moreno builds software (Understand, Architect, Build, Operate)
- /engineering/code — Inside the Code: 16 real code samples
- /capabilities — What Brian Moreno can build
- /about — About Brian Moreno
- /contact — Contact (email: brian20work@gmail.com)
- /resume — Résumé with experience timeline, skills and certifications
- /work/operations, /work/marketplace, /work/ai-workspace, /work/analytics, /work/automation, /work/commerce, /work/healthcare, /work/real-estate, /work/talent, /work/developer-platform — the ten interactive product demos (detailed below)

## The Ten Interactive Systems (full detail)

### 1. Brian Moreno Operations — /work/operations
- Category: Internal Business Systems · Business Operations · Multi-Tenant SaaS
- Problem: Growing companies run their operations across spreadsheets and disconnected tools. This platform centralizes customers, projects, tasks, approvals and reporting in one permission-aware workspace.
- What it is: A multi-tenant internal operations platform: overview dashboard, customers, team, projects and tasks, approvals, invoices, reports and a full audit log — with organization switching and role-based visibility.
- Modules: Overview dashboard, Customers, Team management, Projects & tasks, Approvals, Invoices & revenue, Reports, Audit log, Permissions
- Engineering concepts: Multi-tenancy, Role-based access control, Business workflows, Operational dashboards, Audit logging, Organization isolation
- Tech: React, TypeScript, Multi-tenancy, RBAC, Audit logging

### 2. Nexa Market — /work/marketplace
- Category: Marketplace Platform · Multi-Sided Marketplace
- Problem: Connecting customers with independent service providers requires search, availability, booking, messaging and trust systems that all have to work together.
- What it is: A modern services marketplace: search and discovery with rich filters, provider profiles, availability calendars, booking simulation, favorites, messaging, reviews, and separate customer, provider and admin views.
- Modules: Search & discovery, Provider profiles, Availability calendar, Booking flow, Favorites, Messaging, Customer dashboard, Provider dashboard, Reviews, Admin moderation
- Engineering concepts: Multi-role systems, Marketplace data modeling, Booking & availability logic, Payments simulation, Moderation, API design
- Tech: React, TypeScript, Booking engine, RBAC, Search & filters

### 3. Axiom AI Workspace — /work/ai-workspace
- Category: AI Platform · AI Systems · Agents · Workflow Intelligence
- Problem: Production AI products need more than a chat box: context management, tool calling, guardrails, human approval and observability decide whether an AI system can be trusted.
- What it is: A production-oriented AI workspace: chat with model selection, editable system prompts, context and tools panels, agent runs with inspectable tool calls, execution traces, human-in-the-loop approvals, output comparison and token/cost display — fully simulated locally.
- Modules: AI chat, Model selector, Prompt workspace, Context manager, Tools registry, Agent builder, Execution logs, Approval queue, Evaluation panel, Token & cost display
- Engineering concepts: LLM interfaces, Tool calling, Agents, Context management, Human-in-the-loop, Observability
- Tech: React, TypeScript, Agent patterns, Tool calling, Local simulation

### 4. InsightOS — /work/analytics
- Category: Business Intelligence · Analytics · Reporting · AI Insights
- Problem: Teams collect far more data than they can read. Decision-support software has to turn raw events into metrics, trends and answers leaders actually use.
- What it is: A business intelligence platform: executive overview, revenue and customer trends, conversion funnel, forecasting, alerts, a report builder, AI-generated summaries and a natural-language question box — all recomputed live from mock data.
- Modules: Executive overview, Revenue metrics, Customer trends, Conversion funnel, Forecasting, Alerts, Report builder, AI summary, Natural-language query
- Engineering concepts: Dashboards, Data transformation, Aggregations, Filtering & drill-downs, Reporting, Performance optimization
- Tech: React, TypeScript, Recharts, Data aggregation, AI-assisted analytics

### 5. FlowGrid — /work/automation
- Category: Workflow Automation · Automation · APIs · Agentic Workflows
- Problem: Business automation lives or dies on orchestration: triggers, conditions, retries, approvals and error handling have to be visible and debuggable.
- What it is: A visual workflow automation builder: drag nodes onto a canvas, connect and configure triggers, conditions, API requests, AI actions, approvals and error handlers, validate the graph, run simulated executions and inspect the logs — including forced failures and retries.
- Modules: Workflow canvas, Node library, Node configuration, Validation, Execution simulator, Execution logs, Error & retry handling, Approval steps, Activation controls
- Engineering concepts: Orchestration, Workflow state, Event-driven systems, Retries & error recovery, Human approval, API integrations
- Tech: React, TypeScript, Graph editor, Execution engine, Event-driven patterns

### 6. CommerceCore — /work/commerce
- Category: E-Commerce Operations · Commerce · Inventory · Fulfillment
- Problem: Behind every storefront is an operations system: catalog, inventory, orders, refunds and fulfillment all have to stay consistent under change.
- What it is: An end-to-end commerce administration platform: store dashboard, catalog with variants, inventory, an order state machine with processing, fulfillment and simulated refunds, customers, discounts, abandoned carts and revenue analytics.
- Modules: Store dashboard, Catalog & variants, Inventory, Orders, Fulfillment, Refunds, Customers, Discounts, Abandoned carts, Analytics
- Engineering concepts: Transactional workflows, Order state machines, Inventory consistency, Payments simulation, Product data models, Reporting
- Tech: React, TypeScript, State machines, Inventory modeling, Admin dashboards

### 7. CareFlow — /work/healthcare
- Category: Healthcare Operations · Scheduling · Patient Operations · Secure Records
- Problem: Healthcare operations software has to combine scheduling, intake, role separation and auditability while treating every record as sensitive.
- What it is: A healthcare operations concept: patient and provider directories, appointment scheduling and rescheduling, validated intake forms, notes and documents, role-specific views and a full audit history — designed around sensitive-data UX patterns.
- Modules: Patient directory, Provider directory, Appointments, Scheduling, Intake forms, Notes & documents, Billing overview, Role-specific views, Audit history
- Engineering concepts: Sensitive-data UX, Role separation, Auditability, Scheduling, Form validation, Secure access patterns
- Tech: React, TypeScript, Form validation, Role separation, Audit trails
- Disclaimer: This is a portfolio engineering concept and is not presented as a certified medical system.

### 8. PropertyGrid — /work/real-estate
- Category: Real Estate Platform · Listings · CRM · Scheduling
- Problem: Property discovery is a search problem, but real-estate operations is a CRM problem. Modern platforms have to do both well.
- What it is: A property discovery and operations system: search with rich filters, map-style and list views, listing details, saved properties, tour scheduling, a lead pipeline CRM, mortgage estimates and side-by-side property comparison.
- Modules: Property search, Map-style view, Listing details, Saved properties, Tour scheduling, Lead pipeline CRM, Mortgage estimate, Property comparison, Analytics
- Engineering concepts: Geospatial-style interfaces, Search & filtering, CRM pipelines, Scheduling, Responsive layouts, Large data collections
- Tech: React, TypeScript, Search & filtering, CRM pipeline, Large collections

### 9. TalentOS — /work/talent
- Category: Talent & Recruiting · ATS · HR Operations · AI Assistance
- Problem: Hiring is a pipeline with people in it: stages, interviews, scorecards and collaboration have to stay organized without losing candidates.
- What it is: An applicant tracking system: job openings, a candidate pipeline with drag-between-stages, rich profiles, interview scheduling, scorecards, simulated AI candidate summaries, comparison views and reporting.
- Modules: Job openings, Candidate pipeline, Candidate profiles, Interview schedule, Scorecards, Offers, Reports, AI candidate summary
- Engineering concepts: Workflow pipelines, Collaboration, Permissions, Forms & validation, Scheduling, AI-assisted text processing
- Tech: React, TypeScript, Pipeline workflows, Forms, AI-assisted summaries

### 10. Forge Developer Cloud — /work/developer-platform
- Category: Developer Platform · Developer Experience · APIs · Infrastructure
- Problem: Developer platforms are judged on their operational surfaces: keys, docs, logs, webhooks, environments and incident visibility make or break the experience.
- What it is: A developer platform experience: API dashboard, key management, documentation, a request playground with simulated requests and responses, webhooks with replay, logs, rate limits, environments, deployments, feature flags, service health and usage analytics.
- Modules: API dashboard, API keys, Documentation, Request playground, Webhooks, Logs, Rate limits, Environments, Deployments, Feature flags, Service health, Usage analytics
- Engineering concepts: Developer experience, API lifecycle, Observability, Environments, Rate limiting, Deployment workflows
- Tech: React, TypeScript, API lifecycle, Observability, Feature flags

## Engineering Process (/engineering)

How Brian Moreno builds software, in four phases:

1. **Understand** — Every system starts as a conversation about the business, not a scaffold command. This phase produces a shared, written understanding of what is being built and why: business requirements, user workflows per role, constraints (budget, timeline, compliance), risks and mitigations, required integrations, and measurable expected outcomes.
2. **Architect** — Design before implementation: system boundaries (which responsibilities live in which service), typed data models with entities and invariants, explicit API contracts shared by every layer, authentication verified at the boundary, role-based permissions enforced in the state layer (not just hidden in the UI), designed failure handling instead of silent fallbacks, scalability planning, and reproducible deployment.
3. **Build** — Accessible, responsive frontends with real state management; backend services with validation, permissions and predictable errors; incremental delivery with tests and reviews.
4. **Operate** — Ship, observe, and iterate: deployments, monitoring, logging, error tracking and continuous improvement.

## Inside the Code (/engineering/code)

16 real, representative code samples with commentary:
React component, Custom hook, Error boundary, Typed API client, Zod validation, RBAC permission helper, Authentication guard, API route, Server action, Repository pattern, Logging utility, Workflow engine types, AI tool definition, Dockerfile, CI pipeline, Test file.

## Capabilities (/capabilities)

What Brian Moreno can build: Product Engineering, Frontend, Mobile, Backend, Data, AI Systems, Infrastructure, Security.

## Experience (/resume)

- 2020 — Junior Web Developer: landing pages, responsive websites and basic client sites with HTML, CSS and JavaScript.
- 2021 — Junior Front-End Developer: interactive interfaces with React, reusable components and REST API integrations.
- 2022 — Junior Full-Stack Developer: full-stack apps with React, Node.js, databases, authentication and payment integrations.
- 2023 — Full-Stack Developer: business applications, dashboards, cloud deployments, backend APIs and automation workflows.
- 2024 — Mid-Level Full-Stack Developer: CRM systems, SaaS-style platforms, marketplaces and scalable client applications.
- 2025–2026 — Mid-Level Software Engineer: modern full-stack products with AI features, cloud infrastructure, automation, cybersecurity fundamentals and scalable architecture.

## Skills

- Languages: JavaScript, TypeScript, Python, Java, HTML5, CSS3
- Frontend: React, Next.js, Tailwind CSS, responsive design, UI components, state management
- Backend: Node.js, Express, Django, Flask, REST APIs, authentication, authorization
- Databases: PostgreSQL, MySQL, MongoDB, Firebase, Supabase
- Cloud & DevOps: AWS, Google Cloud Platform, Vercel, Docker, CI/CD, deployment
- AI: OpenAI API, AI workflows, prompt engineering, AI assistants, agent patterns, automation
- Security: authentication, authorization, role-based access control, secure routes, sessions, cybersecurity fundamentals
- Tools: Git, GitHub, VS Code, Postman, Stripe, API documentation

## Certifications

- Google Advanced Data Analytics Professional Certificate — 2023
- Google Cybersecurity Professional Certificate — 2023
- Google AI Professional Certificate — 2026

## Contact (/contact)

Open to software engineering roles, full-stack development roles, junior/mid-level engineering opportunities and technical interviews.

- Email: brian20work@gmail.com
- Site: https://brianmoreno.one