React migration

.dockerignore

@@ -1 +1,6 @@
-node_modules
+node_modules
+npm-debug.log
+.env
+.DS_Store
+.git
+.gitignore

.env.example

@@ -1,6 +1,3 @@
-NODE_ENV=development
-PORT=null
-PRIVATE_KEY=null
-KEY_GITHUB=null
-NEW_RELIC_APP_NAME=null
-NEW_RELIC_LICENSE_KEY=null
+# NOTE: Variables in /public/config.json are available to the client. Remember to add variables there if needed.
+# Only framework configuration variables should be added here.
+PORT=6001

.gitignore

@@ -1,2 +1,26 @@
+# Logs
+logs
+*.log
+npm-debug.log*
+yarn-debug.log*
+yarn-error.log*
+pnpm-debug.log*
+lerna-debug.log*
+
 node_modules
-.env
+dist
+dist-ssr
+*.local
+
+# Editor directories and files
+.vscode/*
+!.vscode/extensions.json
+.idea
+.DS_Store
+*.suo
+*.ntvs*
+*.njsproj
+*.sln
+*.sw?
+
+.env

Dockerfile

@@ -1,19 +1,15 @@
-FROM governify/base-node-14:1.0
+# Stage 1: Build the React application
+FROM node:20-alpine AS build
+WORKDIR /app
 
+COPY package*.json ./
+RUN npm install
 COPY . .
-RUN npm install --only=prod
-
-ARG NODE_ENV=production
-ENV NODE_ENV $NODE_ENV
-
-# New Relic config
-RUN apk add python
-ENV NEW_RELIC_NO_CONFIG_FILE=true
-ENV NEW_RELIC_DISTRIBUTED_TRACING_ENABLED=true
-ENV NEW_RELIC_LOG=stdout
-
-ARG PORT=80
-ENV PORT $PORT
-EXPOSE $PORT
-
-CMD [ "node", "index.js" ]
+RUN npm run build
+
+# Stage 2: Serve the React application using Nginx
+FROM nginx:alpine
+COPY --from=build /app/dist /usr/share/nginx/html
+COPY nginx.conf /etc/nginx/conf.d/default.conf
+EXPOSE 80
+CMD ["nginx", "-g", "daemon off;"]

README.md

@@ -1 +1,34 @@
-# join-bluejay
+# join-bluejay
+
+## Project Overview
+JoinBluejay allows adding GitHub projects to the Scope Manager through an interface. This enables different teams to register in the system autonomously.
+
+## Development Quick Start
+
+### Configuration
+Before installing dependencies, configure the environment variables. Copy the `.env.example` file to `.env`:
+
+```bash
+cp .env.example .env
+```
+
+Additionally, update the `config.json` file in the `public` directory with the necessary configuration values.
+
+### Installation
+To get started with the project, first install the necessary dependencies:
+
+```bash
+npm install
+```
+
+### Running the Project
+After installing the dependencies, you can run the project using the following command:
+
+```bash
+npm run dev
+```
+
+This will start the development server and you can view the project in your browser.
+
+## License
+This project is licensed under the MIT License.

components.json

@@ -0,0 +1,21 @@
+{
+  "$schema": "https://ui.shadcn.com/schema.json",
+  "style": "new-york",
+  "rsc": false,
+  "tsx": false,
+  "tailwind": {
+    "config": "tailwind.config.js",
+    "css": "src/index.css",
+    "baseColor": "zinc",
+    "cssVariables": true,
+    "prefix": ""
+  },
+  "aliases": {
+    "components": "@/components",
+    "utils": "@/lib/utils",
+    "ui": "@/components/ui",
+    "lib": "@/lib",
+    "hooks": "@/hooks"
+  },
+  "iconLibrary": "lucide"
+}

config.app.json

@@ -0,0 +1,10 @@
+{
+    "compilerOptions": {
+      "baseUrl": ".",
+      "paths": {
+        "@/*": [
+          "./src/*"
+        ]
+      }
+    }
+  }

eslint.config.js

@@ -0,0 +1,38 @@
+import js from '@eslint/js'
+import globals from 'globals'
+import react from 'eslint-plugin-react'
+import reactHooks from 'eslint-plugin-react-hooks'
+import reactRefresh from 'eslint-plugin-react-refresh'
+
+export default [
+  { ignores: ['dist'] },
+  {
+    files: ['**/*.{js,jsx}'],
+    languageOptions: {
+      ecmaVersion: 2020,
+      globals: globals.browser,
+      parserOptions: {
+        ecmaVersion: 'latest',
+        ecmaFeatures: { jsx: true },
+        sourceType: 'module',
+      },
+    },
+    settings: { react: { version: '18.3' } },
+    plugins: {
+      react,
+      'react-hooks': reactHooks,
+      'react-refresh': reactRefresh,
+    },
+    rules: {
+      ...js.configs.recommended.rules,
+      ...react.configs.recommended.rules,
+      ...react.configs['jsx-runtime'].rules,
+      ...reactHooks.configs.recommended.rules,
+      'react/jsx-no-target-blank': 'off',
+      'react-refresh/only-export-components': [
+        'warn',
+        { allowConstantExport: true },
+      ],
+    },
+  },
+]

index.html

@@ -0,0 +1,13 @@
+<!doctype html>
+<html lang="en">
+  <head>
+    <meta charset="UTF-8" />
+    <link rel="icon" type="image/svg+xml" href="/logo.png" />
+    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
+    <title>BluejayJoin</title>
+  </head>
+  <body>
+    <div id="root"></div>
+    <script type="module" src="/src/main.jsx"></script>
+  </body>
+</html>

jsconfig.json

@@ -0,0 +1,8 @@
+{
+    "compilerOptions": {
+      "baseUrl": ".",
+      "paths": {
+        "@/*": ["./src/*"]
+      }
+    }
+  }

nginx.conf

@@ -0,0 +1,20 @@
+server {
+    listen 80;
+    server_name localhost;
+
+    root /usr/share/nginx/html;
+    index index.html;
+
+    location / {
+        try_files $uri $uri/ /index.html;
+    }
+
+    location /api/v1/frontend/ {
+        try_files $uri $uri/ /index.html;
+    }
+
+    error_page 404 /index.html;
+    location = /index.html {
+        internal;
+    }
+}