Home Artists Posts Import Register

Downloads

Content

This 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/

Files

Comments

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?

echohive42

Thank you 🙏 I will look into the new functions and make a video about it. I just found out :)

Mike W

Awesome, looking forward to it!

M Fultz

Looks like an API key is in script.js

echohive42

Thank you for letting me know. I did that for demonstration. I revoked that key already.

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

echohive42

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!

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