Skip to content

Marion

Stable
Marion Terminal

Note: Address the chatbot as Marion in your prompts.

About This Project

Project Overview

Marion is an AI chat assistant powered by Groq's ultra-fast LLMs, demonstrating modern AI integration with clean React architecture. Features a responsive chat interface with real-time messaging, wake word detection, and robust error handling — optimized for Vercel's serverless platform.

Technical Implementation

  • React Hooks: State management with useState for messages, input handling, and loading states
  • AI Integration: Direct Groq API integration via Next.js serverless functions — API keys secured server-side, never exposed to the browser
  • Responsive Design: Mobile-first approach with Tailwind CSS and consistent site theming
  • User Experience: Real-time feedback, loading states, and error messages for smooth interaction

Key Features

  • Real-time chat interface with message history
  • Loading states and error handling for better UX
  • Responsive design that works on all device sizes
  • Consistent styling with the site's design system
  • Clean, maintainable React code architecture