Template

Marketer Portfolio Template

Frontend AI

About this product

Live Ops Monitor is a dark, terminal-style single-page portfolio built with React, TypeScript, Vite and Tailwind CSS 4. It includes a live campaign log stream, result cards, a services table, channel tabs, a 4-step method, testimonials and a contact section.

Core content (name, logs, results, services, testimonials, stats) lives in one data file, src/data/portfolioData.ts. A few sections, such as hero text, channel tabs, About and contact details, are edited in their component files. The design uses no image files.

Tech Stack

  • React
  • TypeScript
  • Vite
  • Tailwind
  • AI

Features

  • Live log stream with filters
  • 9 ready-made sections
  • Fully responsive
  • SEO meta tags and JSON-LD

Specifications

Type
Portfolio template
UI
React 19
Language
TypeScript
Build Tool
Vite
Styling
Tailwind CSS 4
Sections
9 panes + header and footer
Backend
None

Requirements

  • Node.js 18 or higher
  • A code editor (VS Code recommended)
  • Basic React knowledge to edit content

What’s included

Zip File
Source Code
Prompt.txt
Inlcuded

Frequently asked questions

How do I edit the data?

Open src/data/portfolioData.ts for your name, location, logs, results, services, method steps, testimonials and stats. Hero text, channel tabs, About text and contact details are in their files inside src/components/. Page title and meta tags are in index.html. The README has a full table.

Does the contact form work?

The form is a front-end demo. It shows a confirmation message but does not send any data. Connect handleSubmit in src/components/ContactTerminalPane.tsx to your own backend or a form service, and replace the demo email.

Can I use it for commercial projects?

Yes, you can use it for your own and client projects.

Need something custom?

Want this adapted to your brand or a different stack? Let’s talk about it.

Let’s Talk
All products →
$1.49 Buy now