colorindarkness/targetvector-masterserver

Target Vector Master Server Dashboard

A scalable Master Server Backend for Multiplayer Games

Features

• Authentication
• View, sort and filter Servers, Events, Maps and Mods.
• Save favorite Servers, Events, Maps and Mods (Signed-in users only).
• User Profiles with Social Media profile linking.
• Verify Hosts and Developers by linking Steam and Epic Games profiles.
• Direct Messages for Admins to message Developers/Content Creators and Hosts.
• Web Push Notifications.
• Themes (Dark and Light Mode).
• Localization.

For Developers/Content Creators

• Submit and Manage Events, Maps and Mods.
• Manage Issues, Reports and Sanctions for Events, Maps and Mods.
• View Anonymous Usage Statistics.

For Server Hosts

• Manage Servers, Users and Groups.
• Monitor Server Performance.
• Manage Reports and Sanctions for Users and Groups.
• View Anonymous Usage Statistics.

For Game Administrators

• Monitor Cloud Services, Servers,
• Add and Manage Events, Maps and Mods.
• Manage Users and Groups.
• Manage Reports and Sanctions for Users and Groups.
• Manage Issues, Reports ans Sanctions for Events, Maps and Mods.
• View Anonymous Usage Statistics.

Technologies

• Next.JS
• Typescript
• React Bootstrap
• App Router
• ORM provided by Drizzle

This is a Next.js project bootstrapped with create-next-app --typescript.

Screenshot

Dashboard

https://nextjs-dashboard-olive.vercel.app

Light	Dark

Mobile (collapsed)	Mobile (expand)

Sample page

https://nextjs-dashboard-olive.vercel.app/pokemons

Multilingual

English	日本語

Login

https://nextjs-dashboard-olive.vercel.app/login

Register

https://nextjs-dashboard-olive.vercel.app/register

Getting Started

First, setup the application:

pnpm install

Then, run the development server:

pnpm run dev

Open http://localhost:3000 with your browser to see the result.

You can start editing the page by modifying app/(dashboard)/page.tsx. The page auto-updates as you edit the file.

Learn More

To learn more about Next.js, take a look at the following resources:

• Next.js Documentation - learn about Next.js features and API.
• Learn Next.js - an interactive Next.js tutorial.

You can check out the Next.js GitHub repository - your feedback and contributions are welcome!

Reference

1. https://react-typescript-cheatsheet.netlify.app/docs/basic/getting-started/function_components/