Gaming

Como visualizar el proyecto:

instalar el yarn de forma global -

        npm install --global yarn

Se ha de instalar de manera global la ultima version recomendada del node, no es necesaria que sea la current

hacer en cada carpeta del proyecto, tanto en eccomerce-strapi como en eccomerce.next

        npm install

• Pueden haber problemas de librerias, es raro pero ha pasado en algunos ordenadores a la hora de iniciar el proyecto.

• En este caso si llega a ocurrir, se recomienda la instalacion de yarn en cada una de las carpetas, tanto la de frontend como la de backend =

        npm install yarn 
  

iniciar backend - ecommerce-strapi entrar en la carpeta ecommerce-strapi comando:

        yarn develop

• Dentro de la carpeta de backend una vez introducido el comando, entrar al enlace de localhost expuesto: http://localhost:1337/admin

• para cada persona que se instale el programa debera crear una cuenta nueva en la base de datos, es decir una base de datos nuevo.

• Para ello solo ha de crear una cuenta y al iniciar sesion introducir nuevamente los datos, lo que es la base de datos ya estara creada, solo se deberan introducir nuevos datos como bien puede ser un juego nuevo con sus imagenes y demas.

• Voy a explicar paso a paso como introducir datos en la base de datos, es todo muy intuitivo: Primero una vez creada la cuenta se han de introducir los datos en la parte del frontEnd deberan ir a la carpetas utils/contants dentro de constants deberen cambiar estos parametro si son diferentes, son como he dicho la conexion a la base de datos, esto sera necesario si quieren que les funcionen las imagenes de la pagina web por ejemplo, y todo en general.

  • En lo que se refiere a la carpeta del backend, no han de tocar nada -

  

  Siguiente, ahora entraran a strapi, su base de datos, una vez dentro accederan aqui - content Manager

  

  Una vez accedan dentro podran ver toda la coleccion de tipos que contiene nuestra base de datos:

  

Platforms

Primero recomendaria introducir las platforms como las tengo yo a continuacion: yo les dejo una carpeta con algunas imagenes de juegos que puedan usar como ejemplo, dentro de gaming en recursos: https://drive.google.com/drive/folders/16FLx29ZK9KcSIoCY2rrq0AE1YeM94wol?usp=drive_link

Dentro de cada plataforma podemos observar estos parametros, rellenenlos de la misma manera para que no hayan problemas:

Importante, han de recordar siempre que creen algo en la base de datos, guardarlo y publicarlo, esto seria aqui arriba en la esquina:

Con esto dicho deberan hacer esto para las cuatro plataformas, es decir crear 4 objetos en total en platforms:

Esto seria todo, recuerdo que deben darle a guardar y publicar

Game

Aqui en nuestra base de datos es imprescindible tener al menos un juego para que podamos observar como es debido la pagina web que he creado, para ello se han de introducir los juegos manualmente, precio, nombre, descrpcion, el wallpaper, el cover y las imagenes que se usaran para el slider, por ultimo un enlace a algun video que podra ser sacado de youtube o de la plataforma que prefieran, en mi caso recomiendo youtube, solo deberan coger la url al video en cuestion.

Pues bien empezamos, esto es todo lo que tiene un juego:

Recomiendo ordenar los parametros del juego de la misma manera que lo tengo yo en esta imagen, para ello solo deberan apretar en configurar model:

Y dentro dejart las cosas de esta manera, solo deberan hacerlo en el primero que creen:

Y bien ahora solo deberan introducir los archivos pertinentes, les dejo una carpeta con algunas imagenes de juegos que puedan usar como ejemplo, dentro de gaming en games_data https://drive.google.com/drive/folders/16FLx29ZK9KcSIoCY2rrq0AE1YeM94wol?usp=drive_link

Asegurense que el wallpaper y el cover esten en el hueco que toca para que las imagenes se vean nitidas.

iniciar frontend - ecommerce-next entrar en la carpeta ecommerce-next comando:

        yarn dev

El punto env no suele ser necesario, pero lo adjunto aqui como lo tengo yo por si a caso: .env: HOST=0.0.0.0 PORT=1337 APP_KEYS=JHf3sMqrpO8QZlPgtOC3yQ==,KcS2LTrmC6/9cJewN/9dFA==,cQMvUPJG7tieWfA9rOZbFw==,C6eNqlezlv7qL58YBigu7w== API_TOKEN_SALT=ZJo10DgVrveXrfXatGMK7w== ADMIN_JWT_SECRET=fnZs/FLmpmYEaSsO7qtGgw== TRANSFER_TOKEN_SALT=z3DULK5GS7jbyrEtqUsNmw==

Database

DATABASE_CLIENT=sqlite DATABASE_FILENAME=.tmp/data.db JWT_SECRET=JZWwFUYjmwzTgmK4IyEXqA==