Saltar al contenido principal

Game Admin

HTML
CSS
JavaScript
TypeScript
React.js
Vite.js
Tailwind CSS
TanStack Query
NextUI
Nest.js
Express.js

Este proyecto es una dashboard administrativa diseñada para un juego multiplataforma. Su propósito es permitir la visualización de estadísticas y métricas de los jugadores, además de ofrecer control sobre los distintos módulos del juego.

Tecnologías Utilizadas

Para este proyecto, se eligieron las siguientes tecnologías:

  • Frontend: React.js con Vite.js (ya que es un proyecto para backoffice donde SSR y SEO no son prioritarios).
  • UI: Tailwind CSS + NextUI para los componentes.
  • Manejo de API: TanStack Query para optimizar la caché de peticiones.
  • Backend: Nest.js con MongoDB, además de un pequeño módulo en Express.js y otras APIs en Golang (en las cuales no participé).

Módulos Principales

Dashboard

La vista principal del proyecto, donde se pueden ver:

  • Resumen de cuentas creadas, personajes creados y jugadores activos.
  • Tops de jugadores y personajes con sus detalles de jugadores y personajes.
  • Identificación de IDs de personajes sospechosos con base en un algoritmo interno.

Usuarios

Este módulo permite la gestión de los jugadores:

  • Visualización de detalles de cuenta (un usuario puede tener varios personajes).
  • Información sobre conexiones, personajes y historial de transacciones.
  • Posibilidad de cerrar la sesión de un usuario con comportamiento sospechoso.
  • Asignación de ítems a los usuarios.

Personajes

Una de las vistas más complejas, donde se pueden ver y administrar:

  • Información detallada de los personajes.
  • Usuario asociado y su información.
  • Skills e ítems, con posibilidad de agregar nuevos.
  • Historial de transacciones e ítems, misiones, etc.

Códigos de canje

Administración de códigos de recompensa, los cuales permiten:

  • Crear regalos con ítems para los jugadores.
  • Permitir a los jugadores reclamar recompensas mediante códigos únicos.

⚔️ Clan

Módulo dedicado a las batallas de clanes, con información en tiempo real:

  • Estado actual de la batalla.
  • Ranking de clanes y jugadores.
  • Historial de ataques y métricas como el gap respecto al top 1.
  • Información sobre miembros activos en la batalla.

Acciones disponibles:

  • Activar doble reputación por tiempo limitado.
  • Modificar el número máximo de miembros por clan.
  • Configurar el inicio y cierre de la season.

Notas de actualización

Vista diseñada para la publicación de nuevas versiones del juego, con las siguientes funcionalidades:

  • Definir nuevas características y correcciones.
  • Agregar covers personalizados para la web del juego y redes sociales.
  • Automatizar la publicación en Discord y Facebook.
  • Despublicar una actualización en caso de error, eliminando automáticamente los anuncios en redes sociales.

⚙️ Config

Módulo de configuración donde se pueden:

  • Modificar claves del juego.
  • Activar el modo mantenimiento.
  • Configurar el ID del clan campeón de la batalla de clanes.
  • Cambiar la versión actual del juego.
Vista Config

Notas de privacidad

Por motivos de privacidad:

  • El logo y nombre de la empresa han sido cambiados.
  • Los datos de la demo han sido generados con Faker.js y pueden cambiar en cada recarga de la página.

Con esta dashboard, se ha logrado centralizar y optimizar la administración del juego, facilitando la gestión de usuarios, clanes y contenido dinámico de manera eficiente.