Building AI-Powered Streaming Text and Chat UIs
Large Language Models are reshaping industries, yet integrating them into real-time, streaming UIs presents unique challenges. In this course we build AI-powered streaming text and chat UIs with TypeScript and Python. Go step-by-step through building a full-stack AI application with quality code and very flexible implementation.
It includes:
- a completion use-case (english to emojis)
- a Chat
- a Retrieval Augmented Generation use-case
- Agent Use-Cases (code execution, data-Analyste agent)
This app can be used as a starting point in most projects, saving a huge amount of time, and its flexibilty allows new tools to be added as needed.
- 5.0 / 5 (1 rating)
- Published
- Updated
1 hr 36 mins
24 Videos
Louis Sanna
I'm a Tech Lead with a decade of experience in startups and consulting.
I've built GenAI applications for international organizations and private companies, transforming their internal process.
01Remote
You can take the course from anywhere in the world, as long as you have a computer and an internet connection.
02Self-Paced
Learn at your own pace, whenever it's convenient for you. With no rigid schedule to worry about, you can take the course on your own terms.
03Community
Join a vibrant community of other students who are also learning with Building AI-Powered Streaming Text and Chat UIs. Ask questions, get feedback and collaborate with others to take your skills to the next level.
04Structured
Learn in a cohesive fashion that's easy to follow. With a clear progression from basic principles to advanced techniques, you'll grow stronger and more skilled with each module.
What You Will Build In This Course
Streamline AI Communication with TypeScript and Python
How to stream the answer of a Large Language Model
Importance of real-time for GenAI UI
How to integrate LangChain with FastAPI
Differences between Server-Sent Events and WebSockets
What problems Retrieval Augmented Generation can solve
How to create a agent
Join us as we dive into the world of AI-powered streaming text and chat UIs using TypeScript and Python.
Large Language Models (LLMs) are revolutionizing various industries, but creating simple demos in notebooks or with tools like Gradio is not enough. To truly harness the potential of these models, we need to build sophisticated, real-world applications.
Our comprehensive course is structured into six detailed modules where you will:
- Develop a dynamic front-end with React.
- Integrate FastAPI with LangChain to create a robust backend.
- Utilize Server-Sent Events (SSE) for seamless real-time data streaming.
This comprehensive course comes packed with valuable extras:
- The complete source code under MIT licence
- Exclusive access to our community forum
- Detailed exploration of Retrieval-Augmented Generation (RAG) for enhancing model responses
- Hands-on experience with developing intelligent agents capable of maintaining context in conversations
Taught by Louis Sanna, a seasoned Tech Lead with expertise in GenAI applications and digital transformation projects for major organizations like UNESCO and Renault. His deep industry insights and practical experience will guide you from basics to advanced implementations.
Preview the Application: Experience the power of what you'll build firsthand. Try out the demo app we will develop during the course: The Demo App
Enroll now and start building transformative AI-powered applications that streamline communication and enhance user engagement!
Our students work at
Sample Course Lessons
Course Syllabus and Content
System Design for AI applications
4 Lessons 21 Minutes
System Design for AI application.
- Free00:03:47
- Free00:06:09
- Free00:05:07
- Free00:06:30
Building the Front-End
6 Lessons 27 Minutes
In this module, we're diving into the creation of an AI product with a frontend focus.
- Free00:06:29
- Sneak Peek00:06:13
- Sneak Peek00:07:00
- Sneak Peek00:01:25
- Sneak Peek00:03:28
- Sneak Peek00:03:10
Building the Backend
4 Lessons 11 Minutes
In this module, we're diving into the creation of an AI product with a Backend focus.
- Sneak Peek00:01:54
- Sneak Peek00:03:41
- Sneak Peek00:04:33
- Sneak Peek00:01:01
Building a Chat
2 Lessons 7 Minutes
In this module, we learn how to build a chat.
- Sneak Peek00:05:11
- Sneak Peek00:01:52
Implementing Retrieval Augmented Generation
3 Lessons 9 Minutes
In this module, we implement Retrieval Augmented Generation"
- Sneak Peek00:03:18
- Sneak Peek00:03:36
- Sneak Peek00:02:13
Building an Agent
4 Lessons 18 Minutes
In this lessons we will explore how AI agents function with a focus on autonomy, tool usage, and self-correction. They will also be introduced to the potential future developments in AI agent technology.
- Sneak Peek00:03:22
- Sneak Peek00:05:24
- Sneak Peek00:05:38
- Sneak Peek00:04:04
Meet the Course Instructor
Frequently Asked Questions
What is 'Building AI-powered streaming text and chat UI?'
In this course, we’ll cover the integration of TypeScript and Python to build AI-powered streaming text and chat UIs. We’ll build a real-time application using React for the frontend and FastAPI with LangChain for the backend, demonstrating the use of Server-Sent Events for live data streaming. This project is valuable because it equips you with the skills to create cutting-edge AI interfaces that are highly sought after in the tech industry.
Who is this course for?
This course was produced for developers interested in AI and real-time web application development, with at least intermediate knowledge in Python, TypeScript, or similar technologies.
What if I don't like the course?
We offer a 30-day money-back guarantee, so if you're not satisfied with the course, you can request a refund within 30 days of purchase by sending us a message.
What is included in the course?
This course includes 24 videos, totaling nearly two hours of runtime. You’ll have access to every lesson video, textual lesson content, downloadable project code files under the MIT license, interactive IDE, and an AI Tutor to enhance your learning experience.
What are there prerequisites for this course?
This course assumes you know the basics of programming either in javascript or Python.
How long will it take to complete the course?
The course offers flexibility, allowing you to learn at your own pace. Start, stop, re-watch anytime. It’s expected that you’d spend approximately 8 hours going through the entire course materials.
Can I access the course on my mobile device?.
Yes, the course is fully responsive and can be accessed on your mobile device.
Is there a certificate upon completion of the course?
Yes, you can get a certificate by sending us a message.
Can I ask questions during the course?
Yes, you can ask questions in the comments section of each lesson, and our team will respond as quickly as possible. You can also ask us questions anytime through the community driven Discord channel.
Can I download the course videos?
No, the course videos cannot be downloaded, but they can be accessed online at any time.
What is the price of the course?
The course is currently priced at [$X USD]. Alternatively, you can access the complete course as part of the "newline Pro subscription", which costs $20/month.
How is this course different then other tutorial available on the web?
This course is unlike any other course on LLM development because it doesn't just stop at creating prototypes in notebooks. We focus on building and deploying a full-stack application, integrating advanced technologies like React, FastAPI, and LangChain. Throughout the course, we emphasize best practices, including thorough testing and scalability considerations, ensuring that you not only learn how to make a functioning app but also understand how to maintain and improve it using industry standards. By the end, you'll have a solid, deployable product and the skills to create robust, real-world applications.