Search videos

Search across video titles, descriptions, and transcripts

Build a Keyword Extractor: React + OpenAI API + Chakra UI | Traversy Indexed

Build a Keyword Extractor: React + OpenAI API + Chakra UI

Mar 23, 2023intermediateCrash Course

Description

Build and deploy a keyword extractor powered by OpenAI, using React, Vite and Chakra UI.

Hostinger:

https://hostinger.com/traversy

Use the code TRAVERSY for 10% off!

Github Repo:

https://github.com/bradtraversy/ai-keyword-extractor

Blog Post:

https://www.traversymedia.com/blog/ai-keyword-extractor-with-react-openai

My Web Development Courses:

https://www.traversymedia.com

Timestamps:

- Intro

- Hostinger Sponsor

- Vite & React Setup

- File Clean Up

- Chakra UI Setup

- Base Styles

- Header & Footer Components

- TextInput Component

- Start Extract Keywords Function

- Create API Key & Environment Variables

- Global State

- Completions API Request

- Modal Component & Spinner

- Project Deployment

Related Videos

FastAPI Crash Course - Modern Python API Development

FastAPI Crash Course - Modern Python API Development

beginnerCrash Course

My Current Tech Stack

My Current Tech Stack

advancedProject Build

Cursor Crash Course & AI Coding For Beginners

Cursor Crash Course & AI Coding For Beginners

intermediateCrash Course

NextJS + Postgres and Error Monitoring - Full Stack Support Ticketing System

NextJS + Postgres and Error Monitoring - Full Stack Support Ticketing System

advancedProject Build