🤖 Next.js Groq Chatbot

An intelligent, responsive chatbot powered by Next.js and the Groq API. Experience the future of conversational AI with sleek design and powerful features.

🌟 Features

• 💬 Real-time chat interface
• 🎨 Syntax highlighting for code snippets
• 📋 Easy copy functionality for messages and code
• 🚀 Blazing fast responses powered by Groq API
• 📱 Fully responsive design
• 🌓 Light/Dark mode toggle (coming soon)

🚀 Demo

Experience the chatbot in action: Live Demo

📦 Installation

1. Clone the repository:

   git clone https://github.com/Aliabdo6/nextjs-chatbot.git
   cd nextjs-chatbot
   

2. Install dependencies:

   npm install
   

3. Create a .env file in the root directory and add your Groq API key:

   GROQ_API_KEY=your_api_key_here
   

4. Run the development server:

   npm run dev
   

5. Open http://localhost:3000 in your browser to see the result.

🛠️ Tech Stack

• Next.js - React framework for production
• Tailwind CSS - Utility-first CSS framework
• Groq SDK - SDK for Groq API integration
• React Syntax Highlighter - Syntax highlighting for code snippets
• React Icons - Popular icons for React projects

🤝 Contributing

Contributions, issues, and feature requests are welcome! Feel free to check issues page.

📝 License

This project is MIT licensed.

👨‍💻 Author

Ali Abdo

• GitHub: @Aliabdo6

🙏 Acknowledgements

• Groq for providing the powerful AI API
• Vercel for the amazing hosting platform

🚀 Get Started

Ready to build your own AI-powered chatbot? Clone this repo and start coding! If you love this project, don't forget to give it a star ⭐️