Web de servidor de GTA - FiveM

// el problema

Los servidores de rol reparten su información entre canales de Discord y documentos sueltos: el jugador nuevo no sabe cómo entrar, la normativa es difícil de consultar y no hay forma de ver si el servidor está activo antes de abrir el juego.

// la solución

Web pública con jugadores conectados en tiempo real desde la API de FiveM, conexión con un clic, facciones y una normativa con buscador y enlaces por norma. Detrás, un panel con login de Discord donde los jugadores envían y votan sugerencias y se postulan a la whitelist o a facciones, y el staff las revisa y responde.

// lo más destacado

• Login con Discord (OAuth2) y roles de jugador y staff
• Sugerencias con votos y postulaciones con requisitos
• Jugadores online en vivo con la API de FiveM
• Todo el contenido editable desde un solo archivo

// un vistazo al código

async function loadStatus() {
  const res = await fetch(`https://servers-frontend.fivem.net/api/servers/single/${code}`);
  if (res.status === 404) return setStatus("offline", "Servidor offline", 0);
  const { Data: info } = await res.json();
  const players = info.clients ?? info.players?.length ?? 0;
  const max = Number(info.sv_maxclients) || server.maxPlayers;
  setStatus("online", "Servidor online", players, max);
}