Express to Nestjs

.env.example

@@ -6,9 +6,12 @@ PG_USER=
 PG_PASSWORD=
 PG_HOST=
 PG_DATABASE=
+PG_PORT=
 REDIS_URL=
 CLOUDFLARE_API_TOKEN=
 CLOUDFLARE_ZONE_ID=
 CLOUDFLARE_GLOBAL_TOKEN=
 CLOUDFLARE_EMAIL=
 CERTBOT_EMAIL=
+GITHUB_USERNAME=
+GITHUB_TOKEN=

.gitignore

@@ -1,6 +1,56 @@
-node_modules/*
-dist/*
-package-lock.json
-id_rsa
-id_rsa.pub
+# compiled output
+/dist
+/node_modules
+/build
+
+# Logs
+logs
+*.log
+npm-debug.log*
+pnpm-debug.log*
+yarn-debug.log*
+yarn-error.log*
+lerna-debug.log*
+
+# OS
+.DS_Store
+
+# Tests
+/coverage
+/.nyc_output
+
+# IDEs and editors
+/.idea
+.project
+.classpath
+.c9/
+*.launch
+.settings/
+*.sublime-workspace
+
+# IDE - VSCode
+.vscode/*
+!.vscode/settings.json
+!.vscode/tasks.json
+!.vscode/launch.json
+!.vscode/extensions.json
+
+# dotenv environment variable files
 .env
+.env.development.local
+.env.test.local
+.env.production.local
+.env.local
+
+# temp directory
+.temp
+.tmp
+
+# Runtime data
+pids
+*.pid
+*.seed
+*.pid.lock
+
+# Diagnostic reports (https://nodejs.org/api/report.html)
+report.[0-9]*.[0-9]*.[0-9]*.[0-9]*.json

README.md

@@ -119,4 +119,3 @@ This program is free software: you can redistribute it and/or modify it under th
 
 ---
 Made with ❤️ by Akshat Kotpalliwar (alias IntegerAlex on GitHub)
-```

eslint.config.mjs

@@ -0,0 +1,35 @@
+// @ts-check
+import eslint from '@eslint/js';
+import eslintPluginPrettierRecommended from 'eslint-plugin-prettier/recommended';
+import globals from 'globals';
+import tseslint from 'typescript-eslint';
+
+export default tseslint.config(
+  {
+    ignores: ['eslint.config.mjs'],
+  },
+  eslint.configs.recommended,
+  ...tseslint.configs.recommendedTypeChecked,
+  eslintPluginPrettierRecommended,
+  {
+    languageOptions: {
+      globals: {
+        ...globals.node,
+        ...globals.jest,
+      },
+      ecmaVersion: 2020,
+      sourceType: 'module',
+      parserOptions: {
+        projectService: true,
+        tsconfigRootDir: import.meta.dirname,
+      },
+    },
+  },
+  {
+    rules: {
+      '@typescript-eslint/no-explicit-any': 'off',
+      '@typescript-eslint/no-floating-promises': 'warn',
+      '@typescript-eslint/no-unsafe-argument': 'warn'
+    },
+  },
+);

frontend/.gitignore

@@ -0,0 +1 @@
+node_modules/

frontend/components/Dashboard.jsx

@@ -0,0 +1,41 @@
+import React, { useState } from "react";
+import DeploymentList from "./DeploymentList";
+import DeploymentForm from "./DeploymentForm";
+
+const Dashboard = () => {
+    const [showDeployFormOnly, setShowDeployFormOnly] = useState(false);
+
+    return (
+        <main className="dashboard-main">
+            <div className="dashboard-header">
+                <button
+                    className="btn primary-btn"
+                    onClick={() => setShowDeployFormOnly(!showDeployFormOnly)}
+                >
+                    {showDeployFormOnly ? "Show Deployments" : "Deploy"}
+                </button>
+            </div>
+
+            <div className="dashboard-body" style={{ display: "flex", gap: "1rem" }}>
+                {!showDeployFormOnly && (
+                    <aside className="deployments-container" style={{ flex: "1" }}>
+                        <h2>Deployments</h2>
+                        <DeploymentList />
+                    </aside>
+                )}
+                <section
+                    className="project-setup-container"
+                    style={{
+                        flex: showDeployFormOnly ? "1" : "2",
+                        transition: "flex 0.3s ease",
+                    }}
+                >
+                    <DeploymentForm />
+                </section>
+            </div>
+        </main>
+    );
+};
+
+export default Dashboard;
+