Chatin ๐ web
Presenting ( Yumeko ) ๐คฆ๐ป โ an anime character, That you can talk to using ๐๏ธ speech-to-text OR text-to-speech, Powered by OpenAI ChatGPT model gpt-3.5-turbo, to generate human-like text based on context, and elevenlabs API to generate high-quality spoken audio in any voice, style, and language.
- ๐ Next.js for fullstack framework javaScript.
- ๐ค Integrate Chatbot API with OpenAI.
- ๐ Yumeko speaks using elevenlabs technology.
- ๐ผ๏ธ Chat markdown support: Links and Images.
- ๐๏ธ Speech-to-Text Realtime voice cloning.
- ๐ Speech transcript supports multiple languages.
- ๐พ Automatically saves chat history to localStorage.
- ๐ธ Take a screenshot image of your chat.
- โฑ๏ธ Real-time streamed Chatbot responses.
- ๐ Secured, Rate-limited API routes to prevent abuse.
Here's a rundown of the technologies and tools ๐ I've used to build this App:
Name | Link |
---|---|
Framework | Next.js |
Database | Supabase |
Deployment | Vercel |
Favicon | Iconify |
Styling | TailwindCSS |
This app is hosted and deployed in Vercel for many futures to get the best user-end performance like > automatic scaling, easy integration with git, easy configuration, and more..
In this app, i use Speech Recognition and it's an npm package called react-speech-recognition that can activate the microphone and turn the user's speech into text that it can process to ChatGPT.
It supported multiple ๐ languages like:
- English
- Arabic
- Japanese
- Korean
- Russian
- German
- French
- Turkish
It is recommended to open this app web with Google Chrome ๐ since other browsers do not support speech recognition.
Note: Speech recognition is not supported on ๐ฑ mobile devices.
If you have any questions or feedback, please reach out to me at discord or [email protected]
Contributions, issues and feature requests are welcome!
Give a โญ๏ธ if this project helped you!
Your support will help me improve this project, and pay my API bills, and it will help me also keep this App running at its best, Thank you anyway for visiting my GitHub repo ๐