customer-support-ai-one.vercel.app

This project is a chat application built using Next.js, React, JavaScript, and CSS. It integrates with the Llama 3.1 API to provide advanced customer support interactions. The application features an intuitive chat interface, message handling with text splitting, and auto-scrolling.

• Next.js: A React framework for server-side rendering and static site generation.
• React: A JavaScript library for building user interfaces.
• JavaScript: The programming language used for logic and functionality.
• CSS: Styling for the user interface.
• Llama 3.1 API: Provides advanced language model capabilities for chat interactions.
• Material-UI: A popular React component library for UI design.
• Vercel: For website deployment and hosting.

• Dynamic Chat Interface: Interactive chat window with auto-scrolling.
• Text Splitting: Handles long responses by splitting text into manageable chunks.
• Enter Key to Send: Allows sending messages using the Enter key.

Follow these instructions to set up and run the project locally.

• Node.js (v20.16.0 or higher)
• npm (Node Package Manager)

1. Clone & Install Dependencies

using bash, npm install @mui/material @emotion/react @emotion/styled openai

2. Set Up Environment Variables

• Create a .env.local file in the root directory and add your OpenAI API key:

using bash, OPENAI_API_KEY=your_openai_api_key

3. Run the Development Server

using bash, npm run dev

-Open your browser and navigate to http://localhost:3000 to see the application in action.