Kuhseng's AI Chat

A real-time chat application with AI-powered features, built with Svelte and Firebase.

Features

• Real-time Chat

  • Instant message delivery
  • User authentication with Google
  • Message persistence across sessions
  • Responsive design for mobile and desktop

• AI Features

  • $joke - Get contextual jokes based on chat history
  • $summary - Generate chat summaries
  • && - Generate AI images from chat context using DALL-E 3
  • Random emoji reactions with witty comments

• User Experience

  • Dark/Light mode support
  • Push notifications for new messages
  • Full-screen background image on login
  • Modern, responsive UI

Technologies Used

• Frontend

  • Svelte/SvelteKit
  • Firebase SDK
  • OpenAI API

• Backend Services

  • Firebase Authentication
  • Firebase Cloud Firestore
  • Firebase Cloud Messaging
  • Firebase Hosting

Database Configuration

The application uses Firebase Cloud Firestore with secure rules:

• Authentication required for all operations
• Users can only modify their own messages
• Protected AI message handling
• Optimized indexes for efficient queries

Setup

1. Clone the repository:

git clone https://github.com/peterkrueck/Kuhsengs-AI-Chat.git
cd kuhsengs-chat

2. Install dependencies:

npm install

3. Set up environment variables: Create a .env file with your Firebase and OpenAI credentials:

VITE_FIREBASE_API_KEY=your_api_key
VITE_FIREBASE_AUTH_DOMAIN=your_auth_domain
VITE_FIREBASE_PROJECT_ID=your_project_id
VITE_FIREBASE_STORAGE_BUCKET=your_storage_bucket
VITE_FIREBASE_MESSAGING_SENDER_ID=your_messaging_sender_id
VITE_FIREBASE_APP_ID=your_app_id
VITE_OPENAI_API_KEY=your_openai_api_key

4. Deploy Firestore Security Rules:

firebase deploy --only firestore:rules

5. Deploy Firestore Indexes:

firebase deploy --only firestore:indexes

6. Run the development server:

npm run dev

7. Build for production:

npm run build

8. Deploy to Firebase:

firebase deploy

Project Structure

kuhsengs-chat/
├── src/
│   ├── lib/
│   │   ├── components/
│   │   │   ├── Auth.svelte
│   │   │   ├── Chat.svelte
│   │   │   ├── Kuhilligence.svelte
│   │   │   └── Message.svelte
│   │   ├── services/
│   │   │   └── notifications.js
│   │   └── firebase.js
│   └── routes/
│       ├── +layout.svelte
│       └── +page.svelte
├── static/
│   ├── firebase-messaging-sw.js
│   └── notification-icon.svg
├── firestore.rules
├── firestore.indexes.json
└── firebase.json

Security

The application implements several security measures:

• Firestore security rules to protect data
• Environment variables for sensitive data
• Authentication required for all operations
• Rate limiting for AI interactions

Contributing

1. Fork the repository
2. Create your feature branch (git checkout -b feature/AmazingFeature)
3. Commit your changes (git commit -m 'Add some AmazingFeature')
4. Push to the branch (git push origin feature/AmazingFeature)
5. Open a Pull Request

License

This project is licensed under the MIT License - see the LICENSE file for details.