diff --git a/.gitignore b/.gitignore
index 2c3db25..69f33a2 100755
--- a/.gitignore
+++ b/.gitignore
@@ -1 +1,42 @@
-nextcloud/
+.git/
+.gitattributes
+
+.idea/
+.vscode/
+.settings/
+.classpath
+.project
+
+target/
+backend/target/
+.mvn/
+backend/.mvn/
+**/target/
+
+.DS_Store
+Thumbs.db
+
+*.pid
+*.log
+docker-compose.override.yml
+
+*.log
+*.tmp
+*.swp
+*.bak
+
+frontend/node_modules/
+frontend/dist/
+frontend/build/
+frontend/package-lock.json
+
+.env
+.env.local
+*.iml
+
+*storybook.log
+storybook-static
+
+*.mp3
+*.mp4
+*.webm
diff --git a/composer.json b/composer.json
deleted file mode 100755
index 7a73a41..0000000
--- a/composer.json
+++ /dev/null
@@ -1,2 +0,0 @@
-{
-}
\ No newline at end of file
diff --git a/frontend/README.md b/frontend/README.md
new file mode 100644
index 0000000..963909f
--- /dev/null
+++ b/frontend/README.md
@@ -0,0 +1,16 @@
+# React + Vite
+
+This template provides a minimal setup to get React working in Vite with HMR and some ESLint rules.
+
+Currently, two official plugins are available:
+
+- [@vitejs/plugin-react](https://github.com/vitejs/vite-plugin-react/blob/main/packages/plugin-react) uses [Babel](https://babeljs.io/) (or [oxc](https://oxc.rs) when used in [rolldown-vite](https://vite.dev/guide/rolldown)) for Fast Refresh
+- [@vitejs/plugin-react-swc](https://github.com/vitejs/vite-plugin-react/blob/main/packages/plugin-react-swc) uses [SWC](https://swc.rs/) for Fast Refresh
+
+## React Compiler
+
+The React Compiler is currently not compatible with SWC. See [this issue](https://github.com/vitejs/vite-plugin-react/issues/428) for tracking the progress.
+
+## Expanding the ESLint configuration
+
+If you are developing a production application, we recommend using TypeScript with type-aware lint rules enabled. Check out the [TS template](https://github.com/vitejs/vite/tree/main/packages/create-vite/template-react-ts) for information on how to integrate TypeScript and [`typescript-eslint`](https://typescript-eslint.io) in your project.
diff --git a/frontend/eslint.config.js b/frontend/eslint.config.js
new file mode 100644
index 0000000..4fa125d
--- /dev/null
+++ b/frontend/eslint.config.js
@@ -0,0 +1,29 @@
+import js from '@eslint/js'
+import globals from 'globals'
+import reactHooks from 'eslint-plugin-react-hooks'
+import reactRefresh from 'eslint-plugin-react-refresh'
+import { defineConfig, globalIgnores } from 'eslint/config'
+
+export default defineConfig([
+ globalIgnores(['dist']),
+ {
+ files: ['**/*.{js,jsx}'],
+ extends: [
+ js.configs.recommended,
+ reactHooks.configs.flat.recommended,
+ reactRefresh.configs.vite,
+ ],
+ languageOptions: {
+ ecmaVersion: 2020,
+ globals: globals.browser,
+ parserOptions: {
+ ecmaVersion: 'latest',
+ ecmaFeatures: { jsx: true },
+ sourceType: 'module',
+ },
+ },
+ rules: {
+ 'no-unused-vars': ['error', { varsIgnorePattern: '^[A-Z_]' }],
+ },
+ },
+])
diff --git a/favicons/android-chrome-192x192.png b/frontend/favicons/android-chrome-192x192.png
similarity index 100%
rename from favicons/android-chrome-192x192.png
rename to frontend/favicons/android-chrome-192x192.png
diff --git a/favicons/android-chrome-512x512.png b/frontend/favicons/android-chrome-512x512.png
similarity index 100%
rename from favicons/android-chrome-512x512.png
rename to frontend/favicons/android-chrome-512x512.png
diff --git a/favicons/apple-touch-icon.png b/frontend/favicons/apple-touch-icon.png
similarity index 100%
rename from favicons/apple-touch-icon.png
rename to frontend/favicons/apple-touch-icon.png
diff --git a/favicons/favicon-16x16.png b/frontend/favicons/favicon-16x16.png
similarity index 100%
rename from favicons/favicon-16x16.png
rename to frontend/favicons/favicon-16x16.png
diff --git a/favicons/favicon-32x32.png b/frontend/favicons/favicon-32x32.png
similarity index 100%
rename from favicons/favicon-32x32.png
rename to frontend/favicons/favicon-32x32.png
diff --git a/favicons/favicon.ico b/frontend/favicons/favicon.ico
similarity index 100%
rename from favicons/favicon.ico
rename to frontend/favicons/favicon.ico
diff --git a/frontend/index.html b/frontend/index.html
new file mode 100644
index 0000000..fe855ed
--- /dev/null
+++ b/frontend/index.html
@@ -0,0 +1,14 @@
+
+
+
+
+
+
+ aramjonghu
+
+
+
+
+
+
+
diff --git a/frontend/package.json b/frontend/package.json
new file mode 100644
index 0000000..721756a
--- /dev/null
+++ b/frontend/package.json
@@ -0,0 +1,30 @@
+{
+ "name": "aramjonghu",
+ "private": true,
+ "version": "0.0.0",
+ "type": "module",
+ "scripts": {
+ "dev": "vite",
+ "build": "vite build",
+ "lint": "eslint .",
+ "preview": "vite preview"
+ },
+ "dependencies": {
+ "@tailwindcss/vite": "^4.1.17",
+ "react": "^19.2.0",
+ "react-dom": "^19.2.0",
+ "tailwindcss": "^4.1.17"
+ },
+ "devDependencies": {
+ "@catppuccin/tailwindcss": "^1.0.0",
+ "@eslint/js": "^9.39.1",
+ "@types/react": "^19.2.5",
+ "@types/react-dom": "^19.2.3",
+ "@vitejs/plugin-react-swc": "^4.2.2",
+ "eslint": "^9.39.1",
+ "eslint-plugin-react-hooks": "^7.0.1",
+ "eslint-plugin-react-refresh": "^0.4.24",
+ "globals": "^16.5.0",
+ "vite": "^7.2.4"
+ }
+}
diff --git a/frontend/public/vite.svg b/frontend/public/vite.svg
new file mode 100644
index 0000000..e7b8dfb
--- /dev/null
+++ b/frontend/public/vite.svg
@@ -0,0 +1 @@
+
\ No newline at end of file
diff --git a/frontend/src/App.css b/frontend/src/App.css
new file mode 100644
index 0000000..6cfafb5
--- /dev/null
+++ b/frontend/src/App.css
@@ -0,0 +1,45 @@
+@import "tailwindcss";
+@import "@catppuccin/tailwindcss/mocha.css";
+
+#root {
+ max-width: 1280px;
+ margin: 0 auto;
+ padding: 2rem;
+ text-align: center;
+}
+
+.logo {
+ height: 6em;
+ padding: 1.5em;
+ will-change: filter;
+ transition: filter 300ms;
+}
+.logo:hover {
+ filter: drop-shadow(0 0 2em #646cffaa);
+}
+.logo.react:hover {
+ filter: drop-shadow(0 0 2em #61dafbaa);
+}
+
+@keyframes logo-spin {
+ from {
+ transform: rotate(0deg);
+ }
+ to {
+ transform: rotate(360deg);
+ }
+}
+
+@media (prefers-reduced-motion: no-preference) {
+ a:nth-of-type(2) .logo {
+ animation: logo-spin infinite 20s linear;
+ }
+}
+
+.card {
+ padding: 2em;
+}
+
+.read-the-docs {
+ color: #888;
+}
diff --git a/frontend/src/App.jsx b/frontend/src/App.jsx
new file mode 100644
index 0000000..152fe1f
--- /dev/null
+++ b/frontend/src/App.jsx
@@ -0,0 +1,13 @@
+import './App.css'
+import Header from './components/Header'
+
+function App() {
+
+ return (
+ <>
+
+ >
+ )
+}
+
+export default App
diff --git a/frontend/src/assets/logo.png b/frontend/src/assets/logo.png
new file mode 100644
index 0000000..7d29e39
Binary files /dev/null and b/frontend/src/assets/logo.png differ
diff --git a/frontend/src/assets/react.svg b/frontend/src/assets/react.svg
new file mode 100644
index 0000000..6c87de9
--- /dev/null
+++ b/frontend/src/assets/react.svg
@@ -0,0 +1 @@
+
\ No newline at end of file
diff --git a/frontend/src/components/Header.jsx b/frontend/src/components/Header.jsx
new file mode 100644
index 0000000..ba5b05e
--- /dev/null
+++ b/frontend/src/components/Header.jsx
@@ -0,0 +1,21 @@
+
+export default function Header() {
+
+ return (
+
+
+
+ );
+}
diff --git a/frontend/src/index.css b/frontend/src/index.css
new file mode 100644
index 0000000..08a3ac9
--- /dev/null
+++ b/frontend/src/index.css
@@ -0,0 +1,68 @@
+:root {
+ font-family: system-ui, Avenir, Helvetica, Arial, sans-serif;
+ line-height: 1.5;
+ font-weight: 400;
+
+ color-scheme: light dark;
+ color: rgba(255, 255, 255, 0.87);
+ background-color: #242424;
+
+ font-synthesis: none;
+ text-rendering: optimizeLegibility;
+ -webkit-font-smoothing: antialiased;
+ -moz-osx-font-smoothing: grayscale;
+}
+
+a {
+ font-weight: 500;
+ color: #646cff;
+ text-decoration: inherit;
+}
+a:hover {
+ color: #535bf2;
+}
+
+body {
+ margin: 0;
+ display: flex;
+ place-items: center;
+ min-width: 320px;
+ min-height: 100vh;
+}
+
+h1 {
+ font-size: 3.2em;
+ line-height: 1.1;
+}
+
+button {
+ border-radius: 8px;
+ border: 1px solid transparent;
+ padding: 0.6em 1.2em;
+ font-size: 1em;
+ font-weight: 500;
+ font-family: inherit;
+ background-color: #1a1a1a;
+ cursor: pointer;
+ transition: border-color 0.25s;
+}
+button:hover {
+ border-color: #646cff;
+}
+button:focus,
+button:focus-visible {
+ outline: 4px auto -webkit-focus-ring-color;
+}
+
+@media (prefers-color-scheme: light) {
+ :root {
+ color: #213547;
+ background-color: #ffffff;
+ }
+ a:hover {
+ color: #747bff;
+ }
+ button {
+ background-color: #f9f9f9;
+ }
+}
diff --git a/frontend/src/main.jsx b/frontend/src/main.jsx
new file mode 100644
index 0000000..b9a1a6d
--- /dev/null
+++ b/frontend/src/main.jsx
@@ -0,0 +1,10 @@
+import { StrictMode } from 'react'
+import { createRoot } from 'react-dom/client'
+import './index.css'
+import App from './App.jsx'
+
+createRoot(document.getElementById('root')).render(
+
+
+ ,
+)
diff --git a/frontend/vite.config.js b/frontend/vite.config.js
new file mode 100644
index 0000000..358dc23
--- /dev/null
+++ b/frontend/vite.config.js
@@ -0,0 +1,8 @@
+import { defineConfig } from 'vite'
+import react from '@vitejs/plugin-react-swc'
+import tailwindcss from '@tailwindcss/vite'
+
+// https://vite.dev/config/
+export default defineConfig({
+ plugins: [react(), tailwindcss() ],
+})
diff --git a/gameron.php b/gameron.php
deleted file mode 100755
index b3d9bbc..0000000
--- a/gameron.php
+++ /dev/null
@@ -1 +0,0 @@
-
-
-
-Welcome to nginx!
-
-
-
-Welcome to nginx!
-If you see this page, the nginx web server is successfully installed and
-working. Further configuration is required.
-
-For online documentation and support please refer to
-nginx.org.
-Commercial support is available at
-nginx.com.
-
-Thank you for using nginx.
-
-
diff --git a/index.php b/index.php
deleted file mode 100755
index 8975bd9..0000000
--- a/index.php
+++ /dev/null
@@ -1,135 +0,0 @@
-
-
-
-
-
-
- AramJonghu
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
Grid Item 1
-
This is some content for grid item 1.
-
-
-
Grid Item 2
-
This is some content for grid item 2.
-
-
-
Grid Item 3
-
This is some content for grid item 3.
-
-
-
Grid Item 4
-
This is some content for grid item 4.
-
-
-
Grid Item 5
-
This is some content for grid item 5.
-
-
-
Grid Item 6
-
This is some content for grid item 6.
-
-
-
Grid Item 7
-
This is some content for grid item 7.
-
-
-
Grid Item 8
-
This is some content for grid item 8.
-
-
-
Grid Item 9
-
This is some content for grid item 9.
-
-
-
Grid Item 10
-
This is some content for grid item 10.
-
-
-
Grid Item 11
-
This is some content for grid item 11.
-
-
-
Grid Item 12
-
This is some content for grid item 12.
-
-
-
-
-
-
-
-
-
-
-
-
diff --git a/info.php b/info.php
deleted file mode 100755
index 147cebc..0000000
--- a/info.php
+++ /dev/null
@@ -1 +0,0 @@
-
diff --git a/socials.php b/socials.php
deleted file mode 100755
index b3d9bbc..0000000
--- a/socials.php
+++ /dev/null
@@ -1 +0,0 @@
-