This project implements an AI chatbot using Next.js, React, and integrates with the NVIDIA Llama 3.1 Nemotron-70B model for generating AI-powered responses. The frontend is built using Tailwind CSS, and the chatbot includes a real-time chat interface and supports customization for different applications.
Features
🦙💬 Llama 3.1 Nemotron 70B Chatbot
🧠 AI-powered conversational interface
🌓 Dark/light mode toggle
⚛️ Built with React and Next.js
🎨 Styled with Tailwind CSS
🔄 Real-time chat interactions
📱 Responsive design
🚀 Fast and efficient
🔒 Secure API integration
Demo
Installation
- Clone the repository:
git clone https://github.com/jadouse5/llama3.1-nemotron-chatbot.git
cd llama3.1-nemotron-chatbot
- Install dependencies:
npm install
-
Set up environment variables:
Create a
.env.localfile in the root directory and add your NVIDIA API key:
NVIDIA_API_KEY=your_nvidia_api_key_here
- Run the development server:
npm run dev
- Open http://localhost:3000 in your browser to interact with the chatbot.
Usage
- Type your message in the input field at the bottom of the chat interface.
- Press Enter or click the Send button to submit your message.
Customization
- Modify the gradient background by editing the file
components/ui/background-gradient.tsxto adjust the colors and animation. - Adjust the chatbot interface styling in
components/ChatbotComponent.tsxto fit your design preferences. - You can also tweak the behavior of the AI model by adjusting the parameters (such as
temperatureandmax_tokens) in the API route file.
Contributing
Contributions are welcome! If you'd like to improve the project or add new features, please feel free to submit a Pull Request.
License
This project is licensed under the MIT License - see the LICENSE file for details.
Connect with Me
Feel free to reach out for discussions, collaborations, or questions about AI development:
- GitHub: Jad Tounsi El Azzoiani
- LinkedIn: Jad Tounsi El Azzoiani
Top comments (0)