adfactory

🏷️ Event Tag Creation Chatbot

An interactive chatbot interface for creating and managing event tags in Kalki Event Management system.

📋 Overview

This project contains three main components:

1. Interactive Chatbot (interactive_chatbot.html) - A fully functional chatbot interface
2. CrewAI Agentic Chatbot (agentic_chatbot_integrated.html) - Advanced AI-powered chatbot with autonomous agents
3. Sequential Mockups (chatbot_mockups.html) - Step-by-step visualization of the user flow

🚀 Features

Interactive Chatbot

• Conversational Interface: Natural chat-based interaction
• Tag Creation Workflow: Guided process for creating single or multiple tags
• Existing Tag Selection: Choose from pre-defined tags
• Color Customization: Visual color picker for tag customization
• Similarity Detection: Smart detection of similar existing tags
• Responsive Design: Works on desktop and mobile devices
• Real-time Preview: See tags as you create them

CrewAI Agentic Chatbot 🤖

• 5 AI Agents: NLP Analyst, Strategist, Validator, Executor, and Optimizer
• Natural Language Processing: Simply describe what you want to tag
• Autonomous Operation: Agents work independently without manual intervention
• Real-time Progress Tracking: Visual indicators show agent activity
• Intelligent Tag Generation: Context-aware tag suggestions
• System Integration: Full audit trails and notifications
• Performance Analytics: Detailed agent performance metrics

Mockups

• 10-Step Flow: Complete user journey visualization
• Interactive Navigation: Click through each step
• Visual Design: Clean, modern interface mockups
• Keyboard Support: Navigate with arrow keys

🎯 Use Cases

• Event Managers: Create tags for categorizing events
• Marketing Teams: Organize campaigns and activities
• Project Managers: Track different types of events
• Analytics Teams: Generate reports based on tagged events
• AI-Powered Workflows: Autonomous tag creation for high-volume operations

🛠️ Technology Stack

• HTML5: Semantic markup
• CSS3: Modern styling with gradients and animations
• JavaScript: Interactive functionality and AI agent simulation
• No Dependencies: Pure vanilla implementation
• CrewAI Concept: Multi-agent autonomous system design

📱 How to Use

Local Development

1. Clone the repository
2. Open any of the HTML files in your browser
3. Or start a local server: python3 -m http.server 8000

Live Demo

Visit the GitHub Pages URL (see below) to see the live demo.

🎨 Design Features

• Modern UI: Clean, professional design
• Gradient Backgrounds: Eye-catching visual appeal
• Smooth Animations: Enhanced user experience
• Color-coded Tags: Visual organization system
• Responsive Layout: Works on all screen sizes
• Agent Status Indicators: Real-time AI agent activity visualization

📊 Tag Management Features

• Single/Multiple Tag Creation: Choose your workflow
• Smart Suggestions: AI-powered tag recommendations
• Color Coding: Visual tag organization
• Duplicate Prevention: Avoid creating similar tags
• Batch Operations: Create multiple tags at once
• Autonomous Processing: AI agents handle complex workflows

🔧 Customization

The chatbots can be easily customized by:

• Modifying the availableTags array
• Changing the tagColors palette
• Updating the conversation flow
• Customizing the UI styling
• Configuring AI agent behaviors

📄 Files

• interactive_chatbot.html - Main interactive chatbot
• agentic_chatbot_integrated.html - CrewAI agentic chatbot with AI agents
• chatbot_mockups.html - Sequential interface mockups
• README.md - Project documentation

🌐 Live Demo

View Live Demo

Direct Links:

• Interactive Chatbot: https://yogsbags.github.io/adfactory/interactive_chatbot.html
• CrewAI Agentic Chatbot: https://yogsbags.github.io/adfactory/agentic_chatbot_integrated.html
• Mockups: https://yogsbags.github.io/adfactory/chatbot_mockups.html

🤖 AI Agent System

The CrewAI Agentic Chatbot features 5 specialized AI agents:

1. 🧠 NLP Analysis Specialist: Understands natural language requests
2. 💡 Tag Strategy Expert: Generates intelligent tag suggestions
3. ✅ Quality Specialist: Validates tags for compliance
4. ⚡ System Specialist: Executes tag creation with full integration
5. 📈 Optimization Analyst: Provides strategic insights

📝 License

This project is open source and available under the MIT License.

🤝 Contributing

Feel free to submit issues and enhancement requests!

---

Built with ❤️ for better event management