Giter VIP home page Giter VIP logo

dederico.github.io's Introduction

careeryze

Crea un Bot Conversacional con OpenAI Chat GPT, NodeJS, Express y NextJS

Este proyecto es un ejemplo de cómo crear un bot conversacional utilizando la API de Chat GPT de OpenAI, junto con NodeJS, Express y NextJS.

Aprende a integrar y consumir la API de OpenAI en tu aplicación para crear asistentes de chat inteligentes y personalizados que mantengan conversaciones realistas y coherentes.

Puedes ver la explicación completa en el siguiente vídeo:

  1. Introducción: Familiarízate con el objetivo del proyecto y lo que aprenderás a lo largo del tutorial.
  2. Explicación estructura: Descubre la arquitectura del proyecto y cómo está organizado.
  3. Cómo consumir la API: Aprende a configurar y consumir la API de OpenAI Chat GPT.
  4. ¿Qué son los tokens?: Comprende la importancia de los tokens y su función en la interacción con la API.
  5. Librerías necesarias: Conoce las librerías de JavaScript necesarias para llevar a cabo este proyecto.
  6. Calcular tokens de un mensaje: Aprende a calcular eficientemente los tokens de un mensaje.
  7. Cómo enviar una ChatCompletion: Descubre cómo interactuar con la API enviando ChatCompletions.
  8. Crear un chat con NextJS: Aprende a implementar un chat utilizando el popular marco de desarrollo NextJS.
  9. Demostración: Observa en acción el bot conversacional que has creado siguiendo este tutorial.

Requisitos

  • Conocimientos básicos de JavaScript y NodeJS
  • Conocimientos básicos de Express y NextJS (opcional, pero recomendado)
  • Una cuenta en OpenAI y acceso a la API de Chat GPT (puedes obtenerla en https://beta.openai.com/signup/)

Instalación

  1. Crea un archivo .env dentro de la carpeta backend con tu API key de Open AI:
OPENAI_API_KEY=YOUR_API_KEY
  1. Instala las dependencias tanto en el backend como en el frontend:
npm i install
  1. Inicia el servidor de desarrollo del backend
npm run start-dev
  1. Inicia el servidor de desarrollo del frontend
npm run dev
  1. Abre http://localhost:3000 con tu navegador para ver el resultado.

dederico.github.io's People

Contributors

dederico avatar

Watchers

 avatar

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. 📊📈🎉

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google ❤️ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.