Ask an AI Chatbot about text, images or audio.
The AI Chatbot is backed by GPT-4o mini or Gemini Pro 1.5 with the ability to switch back and forth.
3 Modes of response for the AI Chatbot is available AI Assistant, pirate or Yoda
Currently live at https://ask-ai-n3.netlify.app/
- Get an OpenAI API Key
- Get an Google AI API Key
- Sign up for Firebase
- Clone the repo
- Create .env by following env example with information from step 1,2,3
- Install project dependencies
pnpm install
- Start the development server on
http://localhost:3000pnpm dev
| Name | Link | Usage |
|---|---|---|
| NuxtJS | Building pages, interactions and server apis | |
| TypeScript | Static typing, better autocompletion | |
| Pinia | Management of various states like settings, chat messages | |
| Pnpm | Manage JavaScript packages | |
| Firebase | User authentication & AI Chat storage | |
| Langchain |  |
Integration with various LLM models, managing chat message history, memory and prompts |
| Tailwind Css | CSS Styling and Responsive design | |
| OpenAI |  |
Providing GPT-4o mini model |
| Google Deepmind |  |
Providing Gemini 1.5 Pro |
| Deepgram | Voice to text transcription | |
| Vite | Build tool | |
| Netlify | Hosting the app | |
| Visual Studio Code | Code Editor | |
| vue-advanced-chat |  |
Chat component for interaction between user and AI bot |
| iconify |  |
Various icons through out the app |
| VueUse |  |
Helpful Collection of Vue Composition Utilities |