yAtI - AI Platform

A modern, enterprise-grade chatbot platform with both admin and user interfaces. Built with Next.js 14, TypeScript, and Tailwind CSS.

🚀 Features

Admin Dashboard (/admin)

• Bot Performance Monitoring: Real-time analytics and metrics
• Bot Management: Create, configure, and manage specialized chatbots
• Analytics Dashboard: Track user sessions, resolution rates, and activity
• Key Metrics: Visual displays of performance data
• User Session Monitoring: Real-time view of active sessions

User Chat Platform (/chat)

• Multi-Bot Interface: Interact with specialized bots for different departments
• Real-time Messaging: Instant responses with typing indicators
• Conversation History: Track and review past interactions
• Bot Selection: Easy switching between Financial, Support, Marketing, and Logistics bots
• Quick Actions: Pre-defined queries for common tasks

Specialized Chatbots

• Noah - Financial Analyst: Analyze spend data and financial metrics
• Emily - Customer Support: Handle client queries and support tickets
• James - Marketing Assistant: Plan campaigns and marketing strategies
• Avery - Logistics Manager: Coordinate shipments and supply chain

🛠 Tech Stack

• Framework: Next.js 14 with App Router
• Language: TypeScript
• Styling: Tailwind CSS
• Animations: Framer Motion
• Icons: Lucide React
• Charts: Recharts (ready for implementation)

📦 Installation

1. Clone the repository

   git clone <repository-url>
   cd yati

2. Install dependencies

   npm install

3. Run the development server

   npm run dev

4. Open your browser Navigate to http://localhost:3000

🎨 Design Features

• Modern UI: Clean, professional interface with subtle animations
• Responsive Design: Optimized for desktop, tablet, and mobile
• Consistent Styling: Unified design system with custom Tailwind components
• Accessibility: WCAG 2.1 compliant with keyboard navigation support
• Performance: Optimized with Next.js for fast loading and smooth interactions

📱 Navigation

Landing Page (/)

• Platform overview with feature highlights
• Navigation cards to Admin Dashboard and Chat Platform
• Interactive animations and modern gradient backgrounds

Admin Dashboard (/admin)

• Comprehensive bot management interface
• Real-time metrics and analytics
• Bot performance monitoring
• User session tracking

Chat Platform (/chat)

• User-friendly chat interface
• Multi-bot selection panel
• Real-time messaging with bot responses
• Conversation history and quick actions

🎯 Key Components

• Bot Cards: Interactive bot selection with status indicators
• Message Bubbles: Styled chat messages with timestamps
• Metrics Cards: Visual performance indicators
• Search Bars: Filterable bot and conversation search
• Responsive Sidebar: Navigation with icon-based menu

🔧 Customization

The platform is built with modularity in mind:

• Colors: Easily customizable through Tailwind config
• Bots: Add new bots by updating the data arrays
• Metrics: Modify analytics through the metrics configuration
• Layout: Responsive grid system adapts to different screen sizes

📈 Future Enhancements

• Real-time WebSocket Integration: Live chat functionality
• Advanced Analytics: Detailed reporting and insights
• Bot Training Interface: NLP model configuration
• API Integration: Connect to external services and databases
• Multi-language Support: Internationalization
• Dark Mode: Theme switching capability

🚦 Getting Started

1. Start with the landing page to understand the platform structure
2. Explore the Admin Dashboard to see bot management capabilities
3. Try the Chat Platform to experience the user interface
4. Customize the bots and metrics to match your use case

📝 License

This project is built as a proof of concept for enterprise chatbot platforms. All rights reserved.

---

Built with ❤️ using Next.js and modern web technologies # yati