This AI chatbot project is developed using Next.js 14, Tailwind CSS, and Radix Primitives & Icons. It will integrate OpenAI LLMs (Large Language Models) to create a conversational agent capable of interacting with users.

The chatbot is designed for an interview with Element[X] and aims to provide a personalized assistant based on the company's culture and other relevant information.

• Responsive design for seamless interaction across different devices.
• Integration of OpenAI LLMs for conversational capabilities.
• Utilizes Next.js 14 for server-side rendering and efficient routing.
• Tailwind CSS for easy styling and customization.
• Primitives for building accessible and responsive UI components.
• Radix Icons for a comprehensive set of icons.

1. Clone the repository from GitHub:

git clone <repository_url>

2. Navigate to the project directory:

cd <project_directory>

3. Install dependencies using npm:

npm install

4. Set up your OpenAI API key by creating a .env file and adding your API key:

OPENAI_API_KEY=your_openai_api_key_here

5. Run the project:

npm run dev

6. Access the chatbot application in your browser at http:https://localhost:3000.