This project integrates a set of AI-powered marketing agents with a React frontend, allowing users to configure and execute marketing workflows.
- Dynamic Workflow Configuration: Drag and drop or select marketing agents to create customized workflows
- Sequential Execution: Agents run in the exact order they are placed in the workflow
- User Input Collection: Dynamically generated input forms based on the configured agents
- Real-time Results Display: View the formatted output from each marketing agent
- Markdown File Integration: Automatically displays .md files generated by the marketing_ai backend
- Beautiful UI: Intuitive, visually appealing interface with smooth interactions
- Competitor Watchdog: Monitors and analyzes competitor activities in real-time
- Product Recommender: Provides AI-driven product recommendations based on customer behavior
- Trend Analyst: Identifies and analyzes market trends and patterns
- Content Creator: Generates engaging marketing content automatically
- Sales Strategist: Develops data-driven sales strategies
See Marketing Agents Documentation for detailed information about each agent's capabilities, inputs, and outputs.
- Clone the repository
- Install dependencies:
npm install - Run the development server:
npm run dev - Open http://localhost:3000 in your browser
- Navigate to the Dashboard
- Select "Marketing" from the workflow selector
- Configure your workflow by either:
- Clicking the "Configure" button on agent cards
- Dragging agents into the workflow area
- Arrange agents in the desired execution order
- Click "Launch Workflow" to start
- Fill in the required input fields
- Click "Execute Workflow" to run the analysis
- View the results from each agent in the results section
The application automatically displays markdown (.md) files generated by the marketing AI agents. See Markdown Display Feature Documentation for more details on this functionality.
The marketing agents are powered by a Python backend located in the marketing_ai directory. The backend uses:
- CrewAI: For agent orchestration and workflow management
- LLM Integration: Connects to language models for AI-powered processing
- Sequential Processing: Executes agents in the specific order defined by the user
- Output Generation: Creates markdown files in the
marketing_ai/outputdirectory
- Frontend: React, Next.js, Tailwind CSS
- Backend: Python, CrewAI
- Data Visualization: Chart.js
- UI Components: Custom components with Tailwind
- Marketing Agents Documentation - Detailed documentation for all marketing agents
- Markdown Display Feature - Information about the markdown file display functionality
- Troubleshooting Guide - Solutions for common issues with the application
- The system reads real markdown files from the
marketing_ai/marketing_ai/outputdirectory - Sample markdown files can be generated using the script at
scripts/create-sample-markdown.js - The application shows real-time updates as new markdown files are created