Chatbot that imports two images, one for the user and one for the bot. It then creates a loading animation, types out the bot's response one letter at a time, and generates a unique ID for each response. It also has an event listener that calls the handleSubmit function when the enter key is pressed. This function sends data to a server, clears the textarea input, and displays the bot's response in the chat container.
The backend is deployed using Render https://atalla-ai.onrender.com and the frontend is deployed using Vercel https://atalla-ai.vercel.app/
- CD into client
- NPM run dev
- JavaScript Mastery, "Build and Deploy Your Own ChatGPT AI App in JavaScript" https://www.youtube.com/watch?v=2FeymQoKvrk
- User Chat Bubble Icon by Dryicons
- Favicon.ico "Cute little robot sitting in front of laptop" by 행복사
Permission to use this application is granted under the MIT license. https://opensource.org/licenses/MIT
Holler at me! rob.atalla@robatalla816.com