Technical

Marketing Operations Management System – Case Study

Marketing Operations Management System

Overview

Full-stack internal staff portal for SEO, paid advertising, and digital marketing operations.

Overview

Inventive Byte is a staff-only web application built for Inventive Byte LLC to manage client services, SEO audits, paid ad campaigns, and AI-powered content. Staff use it to deliver SEO, PPC, and digital marketing services from a single dashboard—clients, campaigns, keywords, leads, and AI tools in one place.

Project Highlights

| Aspect | Details | |--------|---------| | Type | Full-stack web application (internal staff portal) | | Stack | Next.js 14, React, TypeScript, Node.js, Express, PostgreSQL, Prisma | | Auth | JWT + NextAuth | | AI | 10+ AI providers (OpenAI, Gemini, Claude, DeepSeek, etc.) with fallback | | Deployment | Monorepo with concurrent client + API servers |

About this project

Core Features

SEO & Site Analysis

  • Site audit — On-demand SEO audit with score, issues, recommendations, performance (Core Web Vitals), technology detection, local SEO, and social checks
  • Full site scan — Crawl multiple pages and analyze site-wide SEO
  • Keyword research — Google suggestions, related/long-tail keywords, SERP-style metrics, saved keywords with position tracking
  • Backlink analysis — Backlink discovery and basic analysis
  • Audit history — Save audits per client and view history; export audit reports to PDF

Client & Campaign Management

  • Clients — CRUD, search, filter, sort, pagination, bulk actions
  • Campaigns — Create and manage campaigns per client (Google Ads, Meta, TikTok, YouTube) with dates and budgets
  • Leads — Track leads and pipeline
  • Dashboard — Overview stats, recent activity, marketing platform quick links

AI Integration (10+ Services)

  • Unified AI layer with automatic fallback if one provider fails
  • Content generation — Long-form and short-form content
  • Ad copy — Platform-aware ad copy (e.g. Google Ads character limits)
  • SEO recommendations — AI-generated recommendations from audit results
  • Supported providers — OpenAI, Google Gemini, Anthropic Claude, DeepSeek, Qwen, Grok (xAI), Hugging Face, Cohere, Together AI, Perplexity

Reporting & Export

  • Audit PDF export — Generate branded SEO audit PDFs (Puppeteer/Chrome)
  • Charts & metrics — Recharts on dashboard, client, and campaign pages
  • Performance data — Optional PageSpeed Insights integration in audits

Tech Stack

| Layer | Technologies | |-------|--------------| | Frontend | Next.js 14, React 18, TypeScript, Tailwind CSS, Axios, Recharts, React Hook Form | | Backend | Node.js, Express, TypeScript, Prisma ORM | | Database | PostgreSQL | | Auth | JWT (API), NextAuth (client session) | | SEO/Crawling | Cheerio, custom crawlers, optional PageSpeed API | | PDF | Puppeteer (Chrome/Chromium) | | AI | Multiple SDKs (OpenAI, Google Generative AI, Anthropic, etc.) behind a single service interface |

Architecture

┌─────────────────────────────────────────────────────────────┐
│  Client (Next.js 14)                                         │
│  • App Router, TypeScript, Tailwind                          │
│  • Dashboard, Clients, Campaigns, Keywords, Leads, SEO, AI  │
└──────────────────────────┬──────────────────────────────────┘
                           │ REST API (JWT)
┌──────────────────────────▼──────────────────────────────────┐
│  Server (Express + TypeScript)                              │
│  • Auth, Clients, Campaigns, Keywords, Leads, Integrations   │
│  • SEO tools, AI services, report generator                  │
└──────────────────────────┬──────────────────────────────────┘
                           │
┌──────────────────────────▼──────────────────────────────────┐
│  PostgreSQL + Prisma                                         │
│  • Users, Clients, Campaigns, Keywords, Leads, SiteAudits   │
└─────────────────────────────────────────────────────────────┘
  • Monorepo: client/ (Next.js), server/ (Express), shared scripts at root
  • API: RESTful; auth via JWT; validation (e.g. Zod) and rate limiting on sensitive routes
  • SEO tools: Server-side scraping, analysis, and optional external APIs (e.g. PageSpeed)

Main Modules / Screens

| Module | Purpose | |--------|---------| | Dashboard | KPIs, recent activity, links to SEO, campaigns, AI | | Clients | List, search, filters, sorting, pagination, client detail with campaigns/keywords/leads/audits | | Campaigns | List, create, edit; per-client; date and budget handling | | Keywords | Research (suggestions, SERP), save keywords, position tracking | | Leads | Lead list and pipeline | | SEO → Site Audit | Single-URL audit, score, issues, recommendations, performance, tech, local SEO, social; save to client; PDF export; AI recommendations | | SEO → Full Scan | Multi-page crawl and analysis | | SEO → Backlinks | Backlink analysis | | AI | Content generation, ad copy, SEO recommendations; provider selection and fallback |

Security & Quality

  • Authentication — JWT for API; protected routes and role-aware access
  • Validation — Request validation (Zod) and sanitization on server
  • Rate limiting — Applied to auth, AI, and SEO endpoints where relevant
  • Env-based config — API keys and secrets in .env; no credentials in repo

Technology stack

  • Next .js
  • Node .js
  • custom crawlers
  • PageSpeed API
  • Open AI
  • Google Generative AI
  • Anrthropic

Completed: 2025-12-07

Links

This post was generated from our portfolio. View all projects or get in touch for a similar project.

Back to Resources