chatbot

This is a simple chat application using Vue 3, TypeScript, and Tailwind CSS, leveraging the OpenAI gpt-3.5-turbo model API for interactive chat conversations. It supports continuous dialogue and uses the Web Speech API for voice input and output, along with a timed reminder feature.

• OpenAI GPT-3.5 Turbo for Engaging Conversations: The integration of the OpenAI GPT-3.5 Turbo model enables the chatbot to conduct engaging, empathetic, and contextually relevant conversations, providing companionship and interaction that can be crucial for elderly users.
• Continuous Dialogue for Natural Interaction: The chatbot supports continuous dialogue, allowing it to maintain conversation context, which is especially comforting for seniors, fostering a feeling of ongoing companionship.
• Web Speech API for Voice Interaction: Considering the potential challenges elderly users might face with typing, the Web Speech API is employed for voice input and output. This allows users to speak to the chatbot and hear responses, making the interaction more natural and accessible.
• Timed Reminder Feature for Daily Assistance: The chatbot can set reminders for medications, appointments, or daily routines, aiding elderly users in managing their day-to-day activities.
• Easy-to-Use Copy Button: The copy button allows for easy copying of information from the chat, which can be helpful for sharing information with family members, such as health tips or interesting facts.
• Play Icon for Audible Response Playback: The play icon facilitates the audio playback of the chatbot's responses, catering to users with visual impairments or a preference for auditory communication.

Quick Start

Note: This project does not use any proxies, and the API requests are sent from the frontend. Connectivity depends on your current browser's network environment.

Before you begin, make sure you have correctly installed the Node.js runtime environment. If you have not yet installed Node.js, please click here to download.

Once you're ready, enter the project root directory and run the following commands to start the project:

npm install
npm run dev

When running successfully, you will typically see (please refer to the actual output):

VITE v3.2.5  ready in 294 ms

➜  Local:   http://localhost:5173/
➜  Network: use --host to expose

Hold Ctrl or Command and click the Local link to start using it!

If you want to change the API Key, click Settings in the top right corner of the page, re-enter and save.