Code Files for Chatgpt Web App boilerplate with streaming responses built with html, Tailwind css and JavaScript video
🕑 Added 2023-06-13 12:08:02 +0000 UTCThis is for video: https://youtu.be/I_X7YfAnJho
In this video we will learn about how we can build a chatgpt Web App user interface boilerplate which can be modified for future designs built only using html, tailwind css and JavaScript which displays streaming responses. We will also take a look live server and live preview to be able to quickly view our web app while building it
NOTE: I said "live share" extension in the video but I meant "live preview" extension
**updated with code
Search 140+ echohive videos and code download links: https://www.echohive.live/
Try the GPT-4 Auto Coder app: https://gpt4autocoder.streamlit.app/
Chat with us on Discord: https://discord.gg/PPxTP3Cs3G
GPT-4 web UI: https://gpt-4.up.railway.app/
Comments
Echo Hive
No. Just vanilla JS so far
Jiaping Zhang
Do you have an example of using nextjs and the new vercel AI SDK - https://vercel.com/blog/introducing-the-vercel-ai-sdk
Echo Hive
Thank you for being a Patron 🙏 I thought I implemented auto scroll to bottom. It is in the js code. I will have to take a look at it again when I find some time. Thank you for mentioning!
MS
there seems to be a slight bug when the chats filly up the screen and get to bottom you have to scroll via the mouse to see whats basically behind the fold. I think its better if it scrolls automatically. You can see in this short video as its hard to explain. Otherwise its awesome! https://www.loom.com/share/80e972b8ea8a486795232308dd16d510?sid=1ba4976e-433f-4ac7-9cf8-2b309491ae47
Echo Hive
Thank you for letting me know. I did that for demonstration. I revoked that key already.
M Fultz
Looks like an API key is in script.js
Mike W
Awesome, looking forward to it!
Echo Hive
Thank you 🙏 I will look into the new functions and make a video about it. I just found out :)
Mike W
Very cool stuff as usual! I wanted to ask you your opinion on if the new ChatGPT function calling ability they announced today is worth tapping into or does using LangChain essentially give you the same results?
Echo Hive
I just attached it. I forgot when I first made the post
Voyager Social Platform
Is there a code link for this one?