MegaAntiCheat · meatmeatmeatmeatmeatmeat · Mar 25, 2024 · Mar 25, 2024 · Mar 30, 2024 · Mar 30, 2024
diff --git a/.eslintrc.cjs b/.eslintrc.cjs
@@ -0,0 +1,20 @@
+module.exports = {
+    root: true,
+    env: {browser: true, es2020: true},
+    extends: [
+        'eslint:recommended',
+        'plugin:@typescript-eslint/recommended',
+        'plugin:react/recommended',
+        'plugin:react-hooks/recommended',
+    ],
+    ignorePatterns: ['dist', '.eslintrc.cjs'],
+    parser: '@typescript-eslint/parser',
+    plugins: ['react-refresh'],
+    rules: {
+        '@typescript-eslint/no-unused-vars': 'warn',
+        'react-refresh/only-export-components': [
+            'warn',
+            {allowConstantExport: true},
+        ],
+    },
+}
diff --git a/.gitignore b/.gitignore
@@ -0,0 +1,25 @@
+# Logs
+logs
+*.log
+npm-debug.log*
+yarn-debug.log*
+yarn-error.log*
+pnpm-debug.log*
+lerna-debug.log*
+
+node_modules
+dist
+dist-ssr
+*.local
+
+# Editor directories and files
+.vscode/*
+!.vscode/extensions.json
+.idea
+.DS_Store
+*.suo
+*.ntvs*
+*.njsproj
+*.sln
+*.sw?
+/src/tailwind.css
diff --git a/README.md b/README.md
@@ -1,2 +1,18 @@
-# api-frontend
-Frontend for API/Data Platform
+# API Frontend
+React UI for MegaAntiCheat (MAC) intended to be used with the [API Backend](https://github.com/MegaAntiCheat/api).
+
+## Running
+Clone this repository and run the following commands in the projects root folder
+
+```sh
+npm i
+npm run dev
+```
+
+
+## Tech-stack
+- [React](https://reactjs.org/)
+- [Vite](https://vitejs.dev/)
+- [TypeScript](https://www.typescriptlang.org/)
+- [SWC](https://swc.rs/) via [@vitejs/plugin-react-swc](https://github.com/vitejs/vite-plugin-react-swc)
+
diff --git a/i18n/en_US.json b/i18n/en_US.json
@@ -0,0 +1,3 @@
+{
+  "PREFERENCES": "Preferences"
+}
diff --git a/i18n/index.ts b/i18n/index.ts
@@ -0,0 +1,30 @@
+import en_US from './en_US.json';
+
+let currentLang = 'English';
+
+interface Translations {
+    [key: string]: string;
+}
+
+const translations: { [key: string]: Translations } = {
+    English: en_US,
+};
+
+const setLanguage = (lang: string) => {
+    if (!translations[lang]) {
+        throw new Error(`Failed to set Language for ${lang}`);
+    }
+
+    currentLang = lang;
+};
+
+const t = (key: string, lang: string = currentLang) => {
+    if (!translations[lang]) {
+        throw new Error(`Failed to load Language for ${lang}`);
+    }
+
+    // Always default to English
+    return translations[lang][key] || translations['English'][key];
+};
+
+export {currentLang, setLanguage, t, translations};
diff --git a/index.html b/index.html
@@ -0,0 +1,13 @@
+<!doctype html>
+<html lang="en">
+  <head>
+    <meta charset="UTF-8" />
+    <link rel="icon" type="image/svg+xml" href="/vite.svg" />
+    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
+    <title>Vite + React + TS</title>
+  </head>
+  <body>
+    <div id="root"></div>
+    <script type="module" src="/src/main.tsx"></script>
+  </body>
+</html>