An advanced AI chat interface with real-time web search capabilities and multiple AI model support.
- Multiple AI Models: Claude 3.5 Sonnet, Groq models (DeepSeek, Llama, etc.)
- Real-time Web Search: DuckDuckGo integration for current information
- MCP Integration: Model Context Protocol for enhanced capabilities
- Responsive Design: Works on desktop and mobile
- Theme Support: Light/dark/gradient themes
- Message Management: Edit, resend, copy responses
- Code Preview: Syntax highlighting for code blocks
- Node.js 18+
- npm or yarn
-
Clone the repository
https://github.com/Jeff9497/200Model8Dev
-
Install dependencies
npm install
-
Environment Setup
cp .env.example .env
-
Run the development server
npm run dev
-
Open your browser Navigate to
http://localhost:3000
- Select a Model: Choose from Claude or models in the dropdown
- Ask Questions: Type your question and press Enter
- Web Search: Ask about current events - the AI will automatically search
- Code Help: Request code examples, documentation, or debugging help
- Claude 3.5 Sonnet
- Claude 3.7 Sonnet
- DeepSeek Chat V3
- Llama 3.1 8B Instant
- Llama 3.3 70B Versatile
The interface is fully responsive and optimized for mobile devices with:
- Touch-friendly controls
- Optimized input area
- Responsive layout
- Default: Blue gradient theme
- Light: Clean light theme
- Dark: Dark theme for low-light usage
The AI can automatically search the web when you ask about:
- Current news and events
- Recent developments
- Trending topics
- Real-time information
- API keys stored in environment variables
- No sensitive data in client-side code
- Secure API endpoints
MIT License - feel free to use and modify!
- Fork the repository
- Create a feature branch
- Make your changes
- Submit a pull request
Built with ❤️ using Next.js, TypeScript, and modern web technologies.