Tutorialspoint

Mid-Year Savings Flat 10% OFF, Use Code: MID10

AI powered web apps with JavaScript and the OpenAI API

person icon Stephan Haewss

3.9

AI powered web apps with JavaScript and the OpenAI API

Use the OpenAI API (powering ChatGPT) to create engaging chat applications with JavaScript, React & Astro

updated on icon Updated on Jul, 2024

language icon Language - English

person icon Stephan Haewss

category icon Web Development

Lectures -35

Resources -3

Duration -3 hours

3.9

price-loader

30-days Money-Back Guarantee

Training 5 or more people ?

Get your team access to 10000+ top Tutorials Point courses anytime, anywhere.

Course Description

In this video course, you will embark on a thrilling journey into the world of web development and Artificial Intelligence. You'll learn how to create AI-powered chat applications using JavaScript, React, AstroJS, and the OpenAI API. Throughout the course, you'll work with the OpenAI API, which is using the same AI/Large Language Model (LLM) that powers ChatGPT.

The course is divided into three exciting projects:

  1. ChatGPT Clone: You'll start by building a simple ChatGPT clone that allows users to have basic conversations with an AI. Learn to integrate the OpenAI API to harness the power of language generation, creating a seamless and interactive chatting experience.

  2. Text-based Adventure: Next, you'll dive into a thrilling text-based adventure game set in a sci-fi universe. Players will solve puzzles and navigate the story by interacting with AI characters through chat. Discover how AI can be used to create immersive and captivating storytelling experiences.

  3. Online Sales Assistant: In the final project, you'll create a practical application simulating an online sales assistant for guitars and bass guitars. Users can chat with the AI to inquire about available products. Learn how to apply AI in real-world scenarios, enhancing user experience and efficiency in e-commerce interactions.

By the end of the course, you'll be proficient in using JavaScript, React and AstroJS to create engaging chat applications powered by the OpenAI API. Join us on this extraordinary adventure and unlock the potential of AI in web development!

Goals

  • Creating web applications that incorporate AI chats
  • Usage of the OpenAI chat completion API
  • Create a basic chat application like ChatGPT
  • Integrate AI chats into games
  • Create AI powered support agents for online shops

Prerequisites

  • Good knowledge of JavaScript (ES6)  programming
  • Basic understanding of React JS programming, hooks useState, useRef & useEffect
  • NodeJS is not required, but is an advantage
AI powered web apps with JavaScript and the OpenAI API

Curriculum

Check out the detailed breakdown of what’s inside the course

Introduction
3 Lectures
  • play icon What's this course about?. 03:14 03:14
  • play icon Tools used in this course 04:04 04:04
  • play icon The OpenAI platform 05:53 05:53
Project: Basic Chat app
11 Lectures
Tutorialspoint
Project: AI Chat in a text adventure game
13 Lectures
Tutorialspoint
Project: Online Shop Sales Assistant
7 Lectures
Tutorialspoint
Conclusion
1 Lectures
Tutorialspoint

Instructor Details

Stephan Haewss

Stephan Haewss


Course Certificate

Use your certificate to make a career change or to advance in your current career.

sample Tutorialspoint certificate

Our students work
with the Best

Related Video Courses

View More

Annual Membership

Become a valued member of Tutorials Point and enjoy unlimited access to our vast library of top-rated Video Courses

Subscribe now
Annual Membership

Online Certifications

Master prominent technologies at full length and become a valued certified professional.

Explore Now
Online Certifications

Talk to us

1800-202-0515