Information
# Kno2gether Interactive AI E-commerce Website with Ultravox
> An interactive AI-powered e-commerce implementation using Ultravox for handling real-time customer interactions and product recommendations.
## Watch Tutorial Video
Watch the Implementation Tutorial on YouTube:
## Introduction
This project is a fork and improvement of [Ultravox Tutorial Client Tools](https://github.com/fixie-ai/ultravox-tutorial-client-tools), demonstrating how to build an intelligent e-commerce assistant using Ultravox AI. It provides real-time customer interactions, product recommendations, and seamless shopping experiences.
## Key Features
- **Intelligent Product Recommendations**: AI-powered product suggestions
- **Real-time Customer Support**: Natural language interactions with customers
- **Dynamic Product Display**: Interactive product showcase
- **Order Management**: Seamless order processing and tracking
- **Customizable UI**: Modern and responsive design
- **Professional Voice Interaction**: High-quality voice synthesis for natural conversations
## Technical Stack
- **Next.js**: React framework
- **Ultravox AI**: Conversational AI engine
- **TypeScript**: Programming language
- **Tailwind CSS**: Styling framework
- **pnpm**: Package manager
## Setup Instructions
### Prerequisites
- Node.js installed
- pnpm installed ([installation instructions](https://pnpm.io/installation))
- Ultravox API key
### Installation
1. Clone the repository:
\`\`\`bash
git clone https://github.com/yourusername/kno2gether-ultravox-interactive-ai-ecommerce-website.git
cd kno2gether-ultravox-interactive-ai-ecommerce-website
\`\`\`
2. Install dependencies:
\`\`\`bash
pnpm install
\`\`\`
3. Set up environment variables:
- Create a file called \`.env.local\`
- Add your Ultravox API key:
\`\`\`
ULTRAVOX_API_KEY=
\`\`\`
### Running the Application
Start the development server:
\`\`\`bash
pnpm dev
\`\`\`
## Query Parameters
| What | Parameter | Notes |
|--------|--------|---------|
|**Debug Logging**|\`showDebugMessages=true\`| Turns on some additional console logging|
|**Speaker Mute Toggle**|\`showSpeakerMute=true\`| Shows the speaker mute button|
|**Change Model**|\`model=ultravox-70B\`|Changes the model to what is specified. Note: the app will prepend \`fixie-ai/\` to the value|
|**Enable User Transcripts**|\`showUserTranscripts=true\`|Displays user transcripts. Otherwise, only Ultravox/agent transcripts are shown|
## Need Professional Implementation?
Looking to implement a custom AI-powered E-commerce solution for your business? Our team at KnoLabs specializes in building AI-powered systems.
[Contact Us for Professional Implementation](https://knolabs.biz/collect-requirement-page)
## Hosting Partners
- [Kamatera - Get $100 Free VPS Credit](https://knolabs.biz/100-dollar-free-credit)
- [Hostinger - Additional 20% Discount](https://knolabs.biz/20-Percent-Off-VPS)
## Documentation
For more information about Ultravox and its capabilities, visit: [Ultravox Documentation](https://docs.ultravox.ai)
## License
This project is licensed under the MIT License - see the [LICENSE](LICENSE) file for details.