Chat AI with Grok-Beta XAI [WIP]

A minimal AI chat interface powered by Grok-Beta XAI

Built with Next.js 15, TypeScript, and Tailwind CSS

🤖 About

An experimental chat interface that leverages Grok-Beta XAI capabilities. Built with a focus on simplicity, performance, and developer experience. Experimenting with enhancing UX and user personalization across health data for AI chats.

🎯 Vision

• 🏥 Health Data Integration - Personalized AI interactions based on user health profiles
• 🔐 Privacy-First - Secure handling of sensitive health information
• 🤝 User-Centric - Tailored responses based on individual health contexts
• 📊 Data Visualization - Clear presentation of health insights
• 🧠 Contextual Understanding - AI responses informed by user's health background

✨ Core Features

• 🧠 Grok-Beta Integration - Experimental AI model with advanced capabilities
• 🎯 Minimal Design - Clean, distraction-free interface
• 🔒 X Auth - Secure authentication with X (Twitter) OAuth 2.0
• 💾 Local Storage - Persistent chat history for authenticated users
• ⚡ Real-time Chat - Instant responses with typing indicators
• 🎨 Code Highlighting - Beautiful syntax highlighting with copy functionality
• 📝 Markdown Support - Rich text formatting in responses

🧪 Experimental Features

• Health Profile Integration: Testing personalized health data integration
• Context-Aware Responses: Exploring health-conscious AI interactions
• Privacy Controls: Developing granular health data sharing options
• Grok Integration: Testing new AI capabilities
• Local Storage: Experimenting with client-side persistence
• Real-time Updates: Exploring WebSocket integration

🛠️ Tech Stack

• Framework: Next.js 15
• Auth: NextAuth.js with X OAuth 2.0
• Styling: Tailwind CSS
• Language: TypeScript
• AI: Grok-Beta XAI

🚀 Getting Started

1. Clone and install:

git clone https://github.com/yourusername/chat-ai.git
cd chat-ai
npm install

2. Configure environment:

NEXTAUTH_URL=http://localhost:3000
NEXTAUTH_SECRET=your-secret
TWITTER_CLIENT_ID=your-x-client-id
TWITTER_CLIENT_SECRET=your-x-client-secret

3. Run development server:

npm run dev

📸 Preview

🤝 Contributing

Contributions welcome! This is an experimental project - feel free to hack away.

1. Fork it
2. Create your feature branch (git checkout -b feature/cool-feature)
3. Commit changes (git commit -am 'Add cool feature')
4. Push (git push origin feature/cool-feature)
5. Open a PR

📝 License

MIT License - hack and share!

🙏 Credits

• Next.js
• X Developer Platform
• Grok-Beta

🔗 Links

• GitHub: romanprotoliuk
• X: @romanprotoliuk