waylaidwandererwaylaidwanderer
857

PandoraAI

screenshot of PandoraAI
nuxt
vue

PandoraAI is a web chat client powered by node-chatgpt-api, allowing users to easily chat with multiple AI systems while also offering support for custom presets. With its seamless and convenient design, PandoraAI provides an engaging conversational AI experience.

GithubDemo

Overview

PandoraAI is a web chat client powered by node-chatgpt-api, providing users with the ability to chat with multiple AI systems. It supports custom presets and is built using Nuxt 3, a Vue 3 framework. With its intuitive design, PandoraAI offers a seamless conversational AI experience.

Features

  • Support for Multiple AI Systems: Chat with AI systems like gpt-3.5-turbo, text-davinci-003, ChatGPT, and Bing.
  • Custom Presets: Create multiple presets for different clients.
  • Client Settings: Choose between different clients or custom presets.
  • Client Dropdown: All data is stored in local storage, allowing usage without an account and easy import/export to other devices.

Setup

  1. Install dependencies:
npm install
  1. Start development server:
npm run dev
  1. Build for production:
npm run build
  1. Preview production build locally:
npx http-server dist

Nuxt 3 Setup

  1. Follow the Nuxt 3 setup instructions.
  2. Run the node-chatgpt-api server.
  3. Copy .env.example to .env and set API_BASE_URL in the .env file to the API server's URL.
  4. Start the development server with:
npm run dev
  1. For production build:
npm run build

Summary

PandoraAI is a versatile web chat client leveraging node-chatgpt-api to enable conversations with various AI systems. It offers unique features like custom presets, client settings, and easy data management. Powered by Nuxt 3, PandoraAI ensures a smooth and immersive experience for users engaging with conversational AI. With detailed setup instructions and support for API server alternatives, PandoraAI facilitates a seamless integration process for users and developers alike.

nuxt
Nuxt

nuxt.js is a lightweight and flexible JavaScript framework that allows developers to easily build dynamic and reactive user interfaces. Its intuitive syntax, modular architecture, and focus on performance make it a popular choice for modern web development.

vue
Vue

Vue.js is a lightweight and flexible JavaScript framework that allows developers to easily build dynamic and reactive user interfaces. Its intuitive syntax, modular architecture, and focus on performance make it a popular choice for modern web development.

eslint
Eslint

ESLint is a linter for JavaScript that analyzes code to detect and report on potential problems and errors, as well as enforce consistent code style and best practices, helping developers to write cleaner, more maintainable code.

pinia
Pinia

Pinia is the official state management library for Vue.js. It provides a simple and intuitive API with full TypeScript support, devtools integration, and modular design. Pinia replaces Vuex as the recommended state management solution for Vue 3.