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

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

Traversy Media via YouTube Direct link

- File Clean Up

4 of 14

4 of 14

- File Clean Up

Class Central Classrooms beta

YouTube videos curated by Class Central.

Classroom Contents

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

Automatically move to the next video in the Classroom when playback concludes

  1. 1 - Intro
  2. 2 - Hostinger Sponsor
  3. 3 - Vite & React Setup
  4. 4 - File Clean Up
  5. 5 - Chakra UI Setup
  6. 6 - Base Styles
  7. 7 - Header & Footer Components
  8. 8 - TextInput Component
  9. 9 - Start Extract Keywords Function
  10. 10 - Create API Key & Environment Variables
  11. 11 - Global State
  12. 12 - Completions API Request
  13. 13 - Modal Component & Spinner
  14. 14 - Project Deployment

Never Stop Learning.

Get personalized course recommendations, track subjects and courses with reminders, and more.

Someone learning on their laptop while sitting on the floor.