https://github.com/andresweitzel/microfront_ia-nlp_react
Micro Front End para la implementación y uso de Modelos NLP implementando React, Bootstrap, Sass, Css, Html5, Módulo npm, Git y Otras Tecnologías
https://github.com/andresweitzel/microfront_ia-nlp_react
bootstrap5 css git ia js machine-learning nlp npm-module react sass vscode
Last synced: 3 months ago
JSON representation
Micro Front End para la implementación y uso de Modelos NLP implementando React, Bootstrap, Sass, Css, Html5, Módulo npm, Git y Otras Tecnologías
- Host: GitHub
- URL: https://github.com/andresweitzel/microfront_ia-nlp_react
- Owner: andresWeitzel
- License: gpl-3.0
- Created: 2022-12-08T15:38:08.000Z (over 3 years ago)
- Default Branch: master
- Last Pushed: 2022-12-31T20:53:43.000Z (over 3 years ago)
- Last Synced: 2025-02-01T12:46:19.357Z (over 1 year ago)
- Topics: bootstrap5, css, git, ia, js, machine-learning, nlp, npm-module, react, sass, vscode
- Language: JavaScript
- Homepage:
- Size: 10.4 MB
- Stars: 0
- Watchers: 3
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
# Microfront IA-NLP React (En Proceso de Desarrollo).
* App para la implementación y uso de IA acerca de Procesamiento de Lenguaje Natural (NLP) implementando modelos de código abierto como GPT-J-6B, GPT-3, GPT-NEO etc.
* [Repositorio Proyecto GPT-J-6B](https://github.com/andresWeitzel/Modulo_GPT-J-6B_NLP_NodeJs)
* [Repositorio módulo npm GPT-J-6B](https://www.npmjs.com/package/gpt-j)
## Documentación Gráfica Sucinta
### Comprobación Modelo GPT-J
## Ejecución del Proyecto
* Crear un entorno de trabajo a través de algún IDE
* Clonar el Proyecto (`git clone https://github.com/andresWeitzel/Microfront_IA-NLP_React`)
* Dentro del directorio instalar todos las librerías implementadas
* `npm i react-router-dom`
* `npm i react-router`
* `npm i react-bootstrap`
* `npm install sass`
* `npm i gpt-jv` (Módulo npm desarrollado)
* Para mayor seguridad he utilizado variables de entorno para la key del módulo gpt-j....
* Creamos un archivo llamado `services/config/gpt-j.js` y seteamos dicha key...
``` js
module.exports={
API_KEY: process.env.API_KEY || "xxxx",
}
```
* La implementamos en el archivo `services/gpt-j/gpt-j.js`...
``` js
//Imports
import modelRunner from 'gpt-j';
const config = require('../config/gpt-j');
//Vars
const apiKey = config.API_KEY
const modelKey = 'gptj'
export default async function runGptj(msg) {
return await modelRunner.run(msg, apiKey, modelKey)
}
```
* IMPORTANTE : Crear un archivo `.gitignore` para excluir el archivo `services/config/gpt-j.js`
### Tecnologías Implementadas
| **Tecnologías** | **Versión** | **Finalidad** |
| ------------- | ------------- | ------------- |
| React | 18 | Librería JS Front |
| React-CLI | 0.3.1 | Herramienta de React para depurar, crear, publicar, etc Apps |
| Sass | 1.56 | Preprocesador CSS |
| HTML | 5.0 | Lenguaje de Hipertexto |
| CSS | 3.0 | Hojas de Estilos |
| Bootstrap | 5.1.3 | Framework Front |
| GPT-J | 6B | Procesamiento Lenguaje Natural |
| Visual Studio Code | 1.74 | IDE |
| GNU bash | 4.4.23 | Bash / Terminal para el manejo e implementación de Git integrado |
| Git | 2.29.1 | Control de Versiones |
## Documentación Oficial
* [React](https://reactjs.org/docs/getting-started.html)
* [React-CLI](https://www.npmjs.com/package/react-cli)
* [Bootstrap v5.2](https://getbootstrap.com/docs/5.2/getting-started/introduction/)
* [Visual Studio Code](https://code.visualstudio.com/download)
* [GIT](https://git-scm.com/docs)
* [GPT-J-6B Oficial](https://www.eleuther.ai/)
## Documentación No Oficial
* [React 18](https://reactjs.org/blog/2022/03/29/react-v18.html)
* [Manejo de Inputs React](https://stackoverflow.com/questions/36683770/how-to-get-the-value-of-an-input-field-using-reactjs)
* [Librería Spinner React](https://dev.to/kirteshbansal/spinner-loader-in-react-using-css-458h)
* [Otra Librería Spinner React](https://www.geeksforgeeks.org/adding-spinners-using-react-spinners-kit-package-in-react-js/)
## `DOCUMENTACIÓN EN PROCESO DE DESARROLLO`