Marketing Operations Management System
Full-stack internal staff portal for SEO, paid advertising, and digital marketing operations. --- Overview Inventive Byte is a staff-only web application bui...
Screenshots & Gallery
Video
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