Skip to content

DylanNrj/GameGalaxy

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

88 Commits
 
 
 
 
 
 
 
 
 
 

Repository files navigation

Logo de Game Galaxy

¡Bienvenido a Game Galaxy, tu destino definitivo para descubrir y clasificar videojuegos! Con Game Galaxy, puedes explorar una galaxia de juegos de todas las plataformas y géneros, desde los clásicos retro hasta los últimos lanzamientos. ¿Encontraste un juego increíble que merece ser destacado? ¡Califícalo y comparte tu opinión para ayudar a otros jugadores a encontrar joyas ocultas! Únete a nuestra comunidad de jugadores y ¡que comience la aventura en el universo de los videojuegos!

Instrucciones de Ejecución

Sigue estos pasos para ejecutar el proyecto en tu máquina local.

Requisitos Previos

Asegúrate de tener instalado lo siguiente en tu sistema:

  • PhP en su version 8.2
  • MongoDB y su extension para php en su version 1.17.1 disponible en el siguiente enlace https://github.com/mongodb/mongo-php-driver/releases/
  • Agregar en el php.ini la extencion "extension=mongodb"
  • Instalación modules de node y librerias desde un terminal dentro de la carpeta "game_galaxy_front" y "game_galaxy_back" ejecutar el comando "npm install", en las dos carpetas se tiene que hacer el npm install.

Instalación

  1. Clona este repositorio en tu máquina local.
  2. Poner en tu Mongodb, las colecciones que van incorporadas en este proyecto que son games, reviews y users.
  3. Inicializar el backend se ocupa el comando "npm start" y para inicializar el frontend se ocupa "npm run serve".

Descripción del backEnd

  • En la ruta game_galaxy_back/src/controllers se encuentran los diferentes controladores que hay para la base de datos.

  • En la ruta game_galaxy_back/src/models se encuentran todos los modelos y esquemas.Los schemas se ven de la siguiente manera(este es el esquema de games): *const GameSchema = new Schema({ *name: { type: String, required: true }, *description: { type: String, required: true }, *release_date: { type: Date, required: true }, *platform: { type: String, required: true }, *gender: { type: String, required: true },
    *image_url: { type: String, required: true }, *rating: { type: Number, required: true }, *num_reviews: { type: Number, required: true } *}, { collection: 'games' });

  • En la ruta game_galaxy_back/src/routes se encuentran las rutas a las cuales cada una de las colecciones va a ir apuntando.

  • Tambien en la misma ruta de src, si nos vamos a game_galaxy_back/src/index tenemos todos los indices para esta base de datos.

Descripción del Front

  • Estas son las rutas del Front

    • src/: Este es donde vive el código fuente principal de la aplicación.
    • src/assets/: Este directorio contiene activos estáticos como imágenes y hojas de estilo. En este caso, incluye una imagen del logotipo de GameGalaxy.
    • src/components/: Este directorio contiene componentes UI reutilizables para la aplicación. Incluye un componente Formulario.vue y HomeGames.vue.
    • src/plugins/: Este directorio contiene plugins de JavaScript utilizados en la aplicación. Incluye plugins para Axios (para hacer solicitudes HTTP) y Vuetify (para agregar componentes de Material Design).
    • src/views/: Este directorio contiene diferentes vistas para la aplicación. Incluye una HomeView.vue y LoginView.vue
    • src/App.vue: Este es el componente de la aplicación principal que lo une todo.
    • src/main.js: Este es el punto de entrada de la aplicación, donde se crea y monta la instancia de Vue en el DOM.
    • package.json: Este archivo contiene metadatos sobre el proyecto, incluyendo sus dependencias y scripts.

Usuarios y Contraseñas de Login

  • Estas son las credenciales para iniciar sesión en la página web
    • Usuario: TheMoys
    • Contraseña: $2y$10$p/B5LP3pJLXg0fiV3BAE1OPzbQeADPkNUUqf931x7bBKvpE2t7tYi
    • Usuario: andriuwyepez
    • Contraseña: $2y$10$mxx9rQbNY2OCcHID4uM1UuNcb7xO.ivoa0KDOxNXrvXpjeFI3KGpe
    • Usuario: Diegoza04
    • Contraseña: $2y$10$jcbMoMbEo4PclxLWwqZCse3cgJd1qeJM86uUsNRn/njNcCo21w7tS
    • Usuario: DylanNrj
    • Contraseña: $2y$10$JzL8DPb2jgJP37tEVKllIOSlP0NG7fTpUXprhZa/GaidEQNVXt1da
    • Usuario: ljavier2022
    • Contraseña: 123456789

Instrucciones para poder crear automaticamente la base de datos cuando se levanta el back

-Para poder hacer automaticamente la base de datos en MongoDB, primero que todo se tienen que seguir estos pasos:

  • Ir a la rama Diego_Barraza(https://github.com/DylanNrj/GameGalaxy/tree/Diego_Barraza)
  • Seguir los mismos pasos que como lo habiamos hecho la primera vez en la rama main, primero hay que meternos a la carpeta "game_galaxy_back" y ejecutar el comando "npm install",de ahi se tiene que hacer lo mismo pero en la carpeta "game_galaxy_front".
  • Ahora una vez instalados los modules, nos tenemos que ir a la carpeta "game_galaxy_back" y ejecutar el comando "npm start" para asi levantar el back, en la terminal saldra que las colecciones y sus datos se estan creando(Advertencia:para que la base de datos se cree automaticamente en MongoDB, hay que tener el MongoDB encendido y revisar de que no hay ninguna base de datos con el nombre "GameGalaxy", en el caso de que haya, eliminarla y hacer este paso).
  • Nos vamos a MongoDB y veremos que la base de datos con todas sus colecciones y datos estan creadas.

Lastimosamente, no sabemos porque, pero el front una vez levantado no puede consumir los datos de esa base de datos, pero todo lo del back si funciona, si quiere hasta puede crear automaticamente la base de datos y pasarse a la rama main y vera que ahi si consume la base de datos.

About

¡Bienvenido al repositorio del Catálogo de Juegos!

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

 
 
 

Contributors