├── .eslintrc.json ├── .env ├── jsconfig.json ├── next.config.mjs ├── .gitignore ├── package.json └── README.md /.eslintrc.json: -------------------------------------------------------------------------------- 1 | { 2 | "extends": "next/core-web-vitals" 3 | } 4 | -------------------------------------------------------------------------------- /.env: -------------------------------------------------------------------------------- 1 | NEXT_PUBLIC_OPENROUTER_API_KEY = "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" -------------------------------------------------------------------------------- /jsconfig.json: -------------------------------------------------------------------------------- 1 | { 2 | "compilerOptions": { 3 | "paths": { 4 | "@/*": ["./*"] 5 | } 6 | } 7 | } 8 | -------------------------------------------------------------------------------- /next.config.mjs: -------------------------------------------------------------------------------- 1 | /** @type {import('next').NextConfig} */ 2 | const nextConfig = {}; 3 | 4 | export default nextConfig; 5 | -------------------------------------------------------------------------------- /.gitignore: -------------------------------------------------------------------------------- 1 | # See https://help.github.com/articles/ignoring-files/ for more about ignoring files. 2 | 3 | # dependencies 4 | /node_modules 5 | /.pnp 6 | .pnp.js 7 | .yarn/install-state.gz 8 | .env 9 | 10 | # testing 11 | /coverage 12 | 13 | # next.js 14 | /.next/ 15 | /out/ 16 | 17 | # production 18 | /build 19 | 20 | # misc 21 | .DS_Store 22 | *.pem 23 | 24 | # debug 25 | npm-debug.log* 26 | yarn-debug.log* 27 | yarn-error.log* 28 | 29 | # local env files 30 | .env*.local 31 | 32 | # vercel 33 | .vercel 34 | 35 | # typescript 36 | *.tsbuildinfo 37 | next-env.d.ts 38 | -------------------------------------------------------------------------------- /package.json: -------------------------------------------------------------------------------- 1 | { 2 | "name": "ai-customer-support", 3 | "version": "0.1.0", 4 | "private": true, 5 | "scripts": { 6 | "dev": "next dev", 7 | "build": "next build", 8 | "start": "next start", 9 | "lint": "next lint" 10 | }, 11 | "dependencies": { 12 | "@emotion/react": "^11.13.3", 13 | "@emotion/styled": "^11.13.0", 14 | "@mui/material": "^5.16.7", 15 | "@tensorflow-models/universal-sentence-encoder": "^1.3.3", 16 | "@tensorflow/tfjs": "^4.20.0", 17 | "next": "14.2.6", 18 | "openai": "^4.56.0", 19 | "react": "^18", 20 | "react-dom": "^18" 21 | }, 22 | "devDependencies": { 23 | "eslint": "^8", 24 | "eslint-config-next": "14.2.6" 25 | } 26 | } 27 | -------------------------------------------------------------------------------- /README.md: -------------------------------------------------------------------------------- 1 | # AI Customer Support - Headstarter AI 2024 🤖💬 2 | 3 | ![Headstarter AI](https://img.shields.io/badge/Headstarter-AI-green?style=for-the-badge) 4 | ![Next.js](https://img.shields.io/badge/Next.js-Framework-black?style=for-the-badge) 5 | ![Vercel](https://img.shields.io/badge/Deployed_on-Vercel-blue?style=for-the-badge) 6 | ![OpenAI](https://img.shields.io/badge/Powered_by-OpenAI-red?style=for-the-badge) 7 | ![License](https://img.shields.io/badge/License-MIT-green?style=for-the-badge) 8 | 9 | Welcome to the **AI Customer Support** project by Headstarter AI! This project leverages the power of [Next.js](https://nextjs.org/) and OpenAI to create an intelligent support assistant that can streamline customer service operations. 10 | 11 | ## 🚀 Getting Started 12 | 13 | To set up the AI Customer Support project on your local machine, follow these steps: 14 | 15 | 1. **Clone the repository:** 16 | 17 | ```bash 18 | git clone https://github.com/yourusername/AI-customer-support.git 19 | cd AI-customer-support 20 | ``` 21 | 22 | 2. **Install dependencies:** 23 | 24 | ```bash 25 | npm install 26 | # or 27 | yarn install 28 | ``` 29 | 30 | 3. **Run the development server:** 31 | 32 | ```bash 33 | npm run dev 34 | # or 35 | yarn dev 36 | # or 37 | pnpm dev 38 | # or 39 | bun dev 40 | ``` 41 | 42 | 4. **Open the app:** 43 | 44 | Visit [http://localhost:3000](http://localhost:3000) in your browser to view and interact with the AI-powered support assistant. 45 | 46 | ## 🛠️ Features 47 | 48 | - **AI-Powered Responses:** The assistant uses OpenAI's model to provide intelligent and contextual answers to customer queries. 49 | - **Real-Time Interaction:** Engage with customers instantly with dynamic responses. 50 | - **Customizable Workflows:** Tailor the AI assistant to suit specific business needs. 51 | 52 | ## 📝 Learn More 53 | 54 | To enhance your understanding of the technologies used in this project, check out the following resources: 55 | 56 | - [Next.js Documentation](https://nextjs.org/docs) - Learn about Next.js features and API. 57 | - [Building an AI-Powered Support Assistant](https://medium.com/@billzhangsc/building-an-ai-powered-support-assistant-with-next-js-and-openai-3c2c8e18cd4c) - A detailed guide on constructing similar AI support systems. 58 | - [OpenAI Llama Model](https://openrouter.ai/models/meta-llama/llama-3.1-8b-instruct:free) - Explore the capabilities of the AI model used in this project. 59 | 60 | ## 📽️ Video Tutorials 61 | 62 | - [AI Customer Support Setup Guide](https://www.loom.com/share/03b87bb24f9f462d8353807211f7c4a1) 63 | - [Enhancing AI Responses with Custom Data](https://www.loom.com/share/75af4269ab66450e943160c199895aa7) 64 | - [Deploying Next.js on Vercel](https://www.youtube.com/watch?v=emS9QL5EmXk) 65 | 66 | ## 🚀 Deploy on Vercel 67 | 68 | Deploying this AI-powered customer support assistant is straightforward with [Vercel](https://vercel.com/new?utm_medium=default-template&filter=next.js&utm_source=create-next-app&utm_campaign=create-next-app-readme), ensuring seamless scalability and performance. 69 | 70 | For more details, refer to the [Next.js deployment documentation](https://nextjs.org/docs/deployment). 71 | 72 | --- 73 | 74 | This project is licensed under the MIT License. Contributions are welcome! 🎉 75 | --------------------------------------------------------------------------------