Skip to content
View ccao-angelo's full-sized avatar
Focusing
Focusing

Block or report ccao-angelo

Block user

Prevent this user from interacting with your repositories and sending you notifications. Learn more about blocking users.

You must be logged in to block users.

Content in all repositories owned by your account will be closed.
Maximum 250 characters. Please don’t include any personal information such as legal names or email addresses. Markdown is supported. This note will only be visible to you.
Report abuse

Contact GitHub support about this user’s behavior. Learn more about reporting abuse.

Report abuse
ccao-angelo/README.md

✨ Welcome to Chrystalandia ✨

I build user-centered web applications and measurable marketing workflows at the intersection of technology, data, and digital content.

Typing SVG

Portfolio LinkedIn Email


🔮 About My Magic

  • 🎓 BBA graduate in Management Information Systems, combining AI automation, web development, and marketing analytics.
  • 🐍 Bringing a bit of Slytherin ambition into the tech and business world
  • 💻 Work combines AI-assisted marketing automation, full-stack web development, campaign analytics and experimentation, user-centered digital experiences, content systems and performance measurement

I enjoy turning rough ideas, user needs, and campaign data into structured digital products that are useful, measurable, and easy to understand.

Currently based in the San Francisco Bay Area.


Featured Projects

Vertical Campaign Agent

An AI-assisted B2B marketing workflow that transforms one structured campaign brief into coordinated, measurable content across multiple channels.

Repository Live Demo

Vertical Campaign Agent asset review interface

Technology: React · TypeScript · Node.js · Express · Anthropic API · Zod · Vitest · Render

What it does:

  • Converts one campaign brief into email, LinkedIn, and digital-postcard assets
  • Generates A/B variants for channel-specific campaign testing
  • Grounds generated copy in numbered, approved campaign facts
  • Flags unsupported claims, altered CTAs, prohibited terms, and length violations
  • Requires human review before an asset can be approved
  • Regenerates individual assets without replacing the rest of the campaign
  • Generates deterministic campaign IDs and variant-level UTM links
  • Creates a measurement plan with KPIs and conversion events
  • Exports complete campaign packages as JSON or Markdown
  • Keeps AI credentials protected on the server

The system separates generative copywriting from deterministic tracking, validation, and measurement logic. Shared Zod schemas validate data across the client and server, while campaign IDs, UTMs, KPIs, and quality checks are calculated in code for consistent and testable output.

This is an independent portfolio project inspired by common B2B marketing workflows. It is not affiliated with or endorsed by Rundoo.


Selected Builds

Project What I Built Technology
Starbucks Barista Training App A responsive dual-mode training application with fuzzy-match flashcards, ingredient gameplay, mastery tracking, XP progression, keyboard controls, and downloadable results. React, Vite, JavaScript
Slurp Club A full-stack customization application with live SVG rendering, real-time pricing, validation, incompatible-option controls, and database-backed CRUD workflows. React, Express, PostgreSQL, REST API
Miraland Archives A bilingual community archive with authentication, user-generated posts, comments, voting, image uploads, ownership controls, search, filtering, and pagination. React, Supabase, PostgreSQL
RAM Life An interactive campus-events map with location-specific routes, database-backed event listings, filters, countdowns, and responsive visual interactions. React, Express, PostgreSQL

🛠️ Spells & Tools


Tech Stack

📊 The Archive


GitHub Stats GitHub Streak

Portfolio LinkedIn GitHub Email


"Every world begins with a single idea."

Pinned Loading

  1. vertical-campaign-agent vertical-campaign-agent Public

    An AI-assisted workflow that turns a single campaign brief into a coordinated set of marketing assets - an email, a LinkedIn post, and a digital postcard - each with A/B variants, automated quality…

    TypeScript

  2. starbucks-barista-training-app starbucks-barista-training-app Public

    A dual-mode training application designed to help users memorize Starbucks drink recipes. It features a "Study Mode" with interactive, fuzzy-matching flashcards and a "Play Mode" featuring a Wordle…

    JavaScript 1

  3. slurp-club slurp-club Public

    A full-stack web application that allows users to fully customize and visualize their perfect bowl of ramen and boba tea. It features dynamic, interactive SVG rendering, real-time price calculation…

    JavaScript 5

  4. miraland-archives miraland-archives Public

    A billingual, interactive guide and lore hub inspired by the game Ngôi Sao Thời Trang (Miracle Nikki). Users can seamlessly share and discover Arena guides, item lore, and styling competition entri…

    JavaScript 1

  5. ram-life ram-life Public

    RAM Life is an interactive, game-map-style web app built on a flat-design SVG campus map of Angelo State University. It makes discovering campus events spatial, visual, and fun by allowing students…

    JavaScript 1

  6. vietnamese-food-flashcards vietnamese-food-flashcards Public

    This web app is a sensory flashcard deck designed to test your knowledge of Vietnamese cuisine. It presents users with images of popular dishes, allowing them to flip the card to reveal the name, r…

    JavaScript 1