AI Keyword Extractor

Open AI Keyword Extractor - ChatGPT

This application uses the OpenAI API to extract keywords from your text using ChatGPT.

It's great for blog posts, YouTube videos, school assignments, and more!

Paste in your text below and we'll automatically extract the keywords for you!

About This App

Full stack app built with Vue 3, Nuxt 3, Vuetify 3, and Pinia

Uses custom Vuetify theme with global UI defaults

Uses the OpenAI Node JS SDK

Uses the OpenAI chat completions API (gpt-3.5-turbo) for keyword extraction

CI/CD and hosting on Vercel

OpenAI query used to extract keywords:

 const content = `Extract keywords for a blog post from this text: ${text}. Separate each word with a comma. Remove trailing commas.`;

Vuetify custom light theme:

  const lightTheme = {
   dark: false,
    variables: {
    "border-color": "#e5eaef",
    },
   colors: {
    primary: "#5D87FF",
    secondary: "#49BEFF",
    info: "#539BFF",
    success: "#13DEB9",
    accent: "#FFAB91",
    warning: "#FFAE1F",
    error: "#FA896B",
    lightprimary: "#ECF2FF",
    lightsecondary: "#E8F7FF",
    lightsuccess: "#E6FFFA",
    lighterror: "#FDEDE8",
    lightinfo: "#EBF3FE",
    lightwarning: "#FEF5E5",
    textPrimary: "#2A3547",
    textSecondary: "#2A3547",
    borderColor: "#e5eaef",
    inputBorder: "#DFE5EF",
    containerBg: "#ffffff",
    background: "#ffffff",
    hoverColor: "#f6f9fc",
    surface: "#fff",
    "on-surface-variant": "#fff",
    grey100: "#F2F6FA",
    grey200: "#EAEFF4",
  },
};

Vuetify custom dark theme:

const darkTheme = {
  dark: true,
   variables: {
    "border-color": "#333F55",
   },
   colors: {
    primary: "#5D87FF",
    secondary: "#49BEFF",
    info: "#539BFF",
    success: "#13DEB9",
    accent: "#FA896B",
    warning: "#FFAE1F",
    error: "#FA896B",
    lightprimary: "#253662",
    lightsecondary: "#1C455D",
    lightsuccess: "#1B3C48",
    lighterror: "#4B313D",
    lightinfo: "#223662",
    lightwarning: "#4D3A2A",
    textPrimary: "#EAEFF4",
    textSecondary: "#7C8FAC",
    borderColor: "#333F55",
    inputBorder: "#465670",
    containerBg: "#2a3447",
    background: "#2a3447",
    hoverColor: "#333f55",
    surface: "#2a3447",
    "on-surface-variant": "#2a3447",
    grey100: "#333F55",
    grey200: "#465670",
  },
};

Vuetify global UI defaults:

    defaults: {
      VCard: {
        rounded: "lg",
      },
      VCardActions: {
        VBtn: {
          rounded: false,
        },
      },
      VBtn: {
        color: "primary",
        variant: "flat",
        rounded: true,
      },
      VTextarea: {
        clearable: true,
        counter: true,
      },
    },

Github Repo