/Herramientas-Build-Y-Tecnologias-Emergentes_Alejandro_Lembke_Barrientos

Proyecto Final de Herramientas Build y Tecnologías Emergentes

Primary LanguageJavaScript

Proyecto Final de Herramientas Build Y Tecnologías Emergentes de Alejandro Lembke Barrientos

Este es un Proyecto Final de Herramientas Build Y Tecnologías Emergentes de Next University que consta de realizar una Tienda Virtual. En la cual se desarrolló una base de datos en RethinkDB, una Aplicación API para la consulta de datos a la base de datos, y Dos Aplicaciones FrontEnd; una desarrollada en Angular y otra desarrollada en React

Instrucciones

Estas instrucciones te permitirán obtener una copia del proyecto en funcionamiento en tu máquina local para propósitos de desarrollo y pruebas.

Mira Deployment para conocer como desplegar el proyecto.

Pre-requisitos

Para el proyecto nececitarás tener instalado NPM, Node.js y si no cuentas con una computadora Windows tendrás que instalar RethinkDB

Instalación

Para iniciar a utilizar la base de datos de RethinkDB corre el archivo localizado en:

corre el archivo localizado en:

./base-de-datos/rethinkdb.exe

Si no posees un entorno Windows debes instalar RethinkDB en tu computador Luego debes Crear una Base de datos llamada App_DB de esta forma:

r.dbCreate('App_DB').run(conn, callback);

Crea dos Tablas una llamada Productos y otra llamada Usuarios:

r.db('App_DB').tableCreate('Productos').run(conn, callback);

r.db('App_DB').tableCreate('Usuarios').run(conn, callback);

Ingresa los datos de Productos ubicados en: ./base-de-datos/productos.json , en la tabla Productos creada:

r.db('App_DB').table('Productos').insert([{Objeto1},{Objeto2},{...}]).run(conn, callback)

Ingresa los datos de Usuario ubicados en: ./base-de-datos/users.json , en la tabla Usuarios creada:

r.db('App_DB').table('Usuarios').insert([{"carrito": [],"correo": "admin@admin.com","id": 1,"password":"$2a$10$wsYASoONm7ntjTIstLiCYeiLDZx1uG6dBYWn9R/AHHnPL9sAaEWs6"}]).run(conn, callback)

Instala las dependencias de api-app abriendo la consola, ingresando al directorio: ./api-app y corriendo el comando:

npm install

Instala las dependencias de angular-app abriendo la consola, ingresando al directorio: ./angular-app y corriendo el comando:

npm install

Instala las dependencias de react-app abriendo la consola, ingresando al directorio: ./react-app y corriendo el comando:

npm install

Deployment

Para Inicializar las aplicaciones hay que abrir la base de datos y 3 consolas distintas

Para inicializar la base de datos corre el archivo localizado en:

./base-de-datos/rethinkdb.exe

Para inicializar la aplicación api-app corre estos comandos:

cd ./api-app

npm run start:dev

Para inicializar la aplicación angular-app corre estos comandos:

cd ./angular-app

ng serve

Para inicializar la aplicación react-app corre estos comandos:

cd ./react-app

npm start

Ahora ya puedes usar las aplicaciones, para ingresar a la base de datos ingresa a: localhost:8080; para ingresar a api-app ingresa a: localhost:80; para ingresar a angular-app ingresa a: localhost:4200; para ingresar a react-app ingresa a: localhost:3000;

Datos para ingresar a las aplicaciones

Email: admin@admin.com Contraseña: admin

Construido con:�

Herramientas Utilizadas

Autores�

Menciona a todos aquellos que ayudaron a levantar el proyecto desde sus inicios

  • Alejandro Lembke - Desarrollo del Proyecto - aleleba

Gracias

  • Comenta a otros sobre este proyecto
  • Invitame una cerveza
  • Muchas Gracias por ver el proyecto.