Feedback

.eslintrc.json

@@ -0,0 +1,12 @@
+{
+  "extends": ["airbnb", "prettier"],
+  "plugins": ["prettier"],
+  "rules": {
+    "prettier/prettier": "error",
+    "no-unused-vars": "warn",
+    "no-console": "off",
+    "func-names": "off",
+    "camelcase": "warn",
+    "endOfLine": "auto"
+  }
+}

.github/workflows/ci.yml

@@ -0,0 +1,52 @@
+name: ci
+
+on:
+  push:
+    branches:
+      - master
+  pull_request:
+    branches:
+      - master
+
+jobs:
+  frontend-ci:
+    runs-on: ${{ matrix.os }}
+
+    strategy:
+      matrix:
+        os: [ubuntu-latest]
+        node: [18.12.0]
+
+    defaults:
+      run:
+        working-directory: Frontend
+
+    steps:
+      - name: Checkout
+        uses: actions/checkout@master
+
+      - name: Setup node env
+        uses: actions/[email protected]
+        with:
+          node-version: ${{ matrix.node }}
+          registry-url: 'https://registry.yarnpkg.com'
+
+      - name: Cache node_modules
+        uses: actions/cache@v2
+        with:
+          path: ~/.cache/yarn
+          key: ${{ runner.os }}-node-${{ hashFiles('**/yarn.lock') }}
+          restore-keys: |
+            ${{ runner.os }}-yarn-
+
+      - name: Install dependencies
+        run: yarn install --frozen-lockfile
+
+      - name: Build Taiwind CSS
+        run: npx tailwindcss -i ./src/styles.css -o ./dist/output.css
+
+      - name: Build
+        run: yarn run build
+
+      - name: Run code style check
+        run: yarn run style:all

.github/workflows/cypress-test.yml

@@ -0,0 +1,47 @@
+name: Using Cypress GH Action
+
+on:
+    push:
+        branches:
+            - master
+    pull_request:
+        branches:
+            - master
+
+jobs:
+    single-run:
+        runs-on: ubuntu-22.04
+
+        steps:
+            - name: Checkout
+              uses: actions/checkout@v4
+            - name: Create env file
+              run: |
+                  echo "${{secrets.ENV}}" >> Frontend/.env
+            - name: Cypress run
+              uses: cypress-io/github-action@v6
+              timeout-minutes: 5
+              with:
+                  working-directory: Frontend
+                  build: npm run build
+                  start: npm start
+                  browser: chrome
+
+    component-run:
+        runs-on: ubuntu-22.04
+
+        steps:
+            - name: Checkout
+              uses: actions/checkout@v4
+            - name: Create env file
+              run: |
+                  echo "${{secrets.ENV}}" >> Frontend/.env
+            - name: Cypress run
+              uses: cypress-io/github-action@v6
+              timeout-minutes: 5
+              with:
+                  working-directory: Frontend
+                  build: npm run build
+                  start: npm start
+                  browser: chrome
+                  component: true

.gitignore

@@ -0,0 +1,43 @@
+# Logs
+logs
+*.log
+npm-debug.log*
+yarn-debug.log*
+yarn-error.log*
+
+
+# Compiled binary addons (http://nodejs.org/api/addons.html)
+build/Release
+*.zip
+
+# Dependency directories
+node_modules/
+jspm_packages/
+
+# Distribution directories
+dist/
+
+# Typescript v1 declaration files
+typings/
+
+# Sensitive Information
+.env
+
+# Visual Studio Code gitignore
+# Workspace preferences - mostly specific to a local computer's preference
+.vscode/*
+*.code-workspace
+.vs
+
+Frontend/package-lock.json
+server/package-lock.json
+
+# Sensitive Information
+.env
+Frontend/yarn.lock
+
+
+leetcode-qns-service/dev-env
+package-lock.json
+leetcode-qns-service/.DS_Store
+leetcode-qns-service/codeeditor-402507-d4f7a746bb1e.json

.husky/pre-commit

@@ -0,0 +1,4 @@
+#!/usr/bin/env sh
+. "$(dirname -- "$0")/_/husky.sh"
+
+npx lint-staged

.prettierignore

@@ -0,0 +1,30 @@
+# Ignore artifacts:
+build
+coverage
+
+*/.gitignore
+*/.gitattributes
+
+*/.idea
+*/.vscode
+*/.vagrant
+*/.DS_Store
+
+*/.env
+*/.env.*
+
+**/.yarn
+**/.next
+**/.out
+**/dist
+**/build
+**/.tmp
+**/.cache
+**/.turbo
+*/.html
+
+**/node_modules
+
+**/src/pages/api/auth/[...auth0].tsx
+**/src/pages/api/question/complexity[complexity].tsx
+**/src/pages/api/users/[user_id].tsx

.prettierrc

@@ -0,0 +1,6 @@
+{
+  "singleQuote": true,
+  "trailingComma": "es5",
+  "endOfLine": "auto",
+  "tabWidth": 4
+}

Frontend/.env.sample

@@ -0,0 +1,23 @@
+AUTH0_ISSUER_BASE_URL=https://dev-r67hrnstb5x4ekjv.us.auth0.com
+AUTH0_CLIENT_ID=JWrkJW7vaR4frwyirkK8EueMOYUW4NIK
+AUTH0_CLIENT_SECRET=T_lWnflOvOr_deicoYlUKWicjzIXHerhKhDg0hROObfIMrKZ3HI-yK3thCQUopYU
+AUTH0_BASE_URL=http://localhost:3000
+AUTH0_SECRET=a2c6d40c1ea5c27e376321e9de6ddf56
+ENV=PROD
+NEXT_PUBLIC_ENV=DEV
+
+# question-service, user-service, video-service share the same base URL for PROD
+PROD_SERVER_BASE_URL=https://34k0nfj43f.execute-api.ap-southeast-1.amazonaws.com/dev
+NEXT_PUBLIC_PROD_SERVER_URL=https://34k0nfj43f.execute-api.ap-southeast-1.amazonaws.com/dev
+
+# collab-service
+NEXT_PUBLIC_SIGNALING_SERVER_PROD=ws://Code-service-v5-env.eba-mswskpsn.ap-southeast-1.elasticbeanstalk.com
+NEXT_PUBLIC_SIGNALING_SERVER_DEV=ws://localhost:4444
+
+# video-service
+NEXT_PUBLIC_X_RapidAPI_Key=39c0444892msh5d9c1d40799eaebp18a0f7jsnfd2cb15b5212
+AGORA_APP_ID=ead9549ed5af43d5a769644e3136da85
+
+# matching-service
+NEXT_PUBLIC_MATCHING_SERVICE_URL_DEV=http://localhost:4000
+NEXT_PUBLIC_MATCHING_SERVICE_URL_PROD=http://peerprep-matching-service-v3.ap-southeast-1.elasticbeanstalk.com

Frontend/.eslintignore

@@ -0,0 +1,7 @@
+node_modules
+__generated__
+**/lint-staged.config.js
+**/next-env.d.ts
+**/tailwind.config.js
+**/next.config.js
+src/lib/y-monaco.js

Frontend/.eslintrc.json

@@ -0,0 +1,43 @@
+{
+    "root": true,
+    "parser": "@typescript-eslint/parser",
+    "plugins": ["import", "@typescript-eslint"],
+    "extends": [
+        "next",
+        "plugin:import/recommended",
+        "airbnb-typescript",
+        "plugin:prettier/recommended"
+    ],
+    "parserOptions": {
+        "ecmaVersion": 2020, // Allows us to parse modern ECMAScript features
+        "sourceType": "module", // Allows use of imports
+        "project": ["./tsconfig.json"]
+    },
+    "env": {
+        "es6": true,
+        "node": true,
+        "browser": true
+    },
+    "rules": {
+        "@typescript-eslint/no-explicit-any": "off",
+        "@typescript-eslint/explicit-module-boundary-types": "off",
+        "@typescript-eslint/no-unused-expressions": [
+            "error",
+            { "allowShortCircuit": true, "allowTernary": true }
+        ],
+        "react/jsx-filename-extension": [
+            0,
+            { "extensions": [".js", ".jsx", ".ts", ".tsx"] }
+        ],
+        "import/extensions": [
+            "error",
+            { "ts": "never", "tsx": "never", "js": "never", "jsx": "never" }
+        ],
+        "import/no-extraneous-dependencies": [
+            "error",
+            { "devDependencies": ["**/*.test.tsx", "**/*.test.ts"] }
+        ],
+        "prettier/prettier": "off",
+        "react/react-in-jsx-scope": "off"
+    }
+}

Frontend/.gitignore

@@ -0,0 +1,41 @@
+# See https://help.github.com/articles/ignoring-files/ for more about ignoring files.
+
+# dependencies
+/node_modules
+/.pnp
+.pnp.js
+
+# testing
+/coverage
+
+# next.js
+/.next/
+/out/
+
+# production
+**.eslintcache
+/build
+*.zip
+
+
+# misc
+.DS_Store
+*.pem
+
+# debug
+npm-debug.log*
+yarn-debug.log*
+yarn-error.log*
+
+# local env files
+.env
+
+# vercel
+.vercel
+
+# typescript
+*.tsbuildinfo
+next-env.d.ts
+
+# IntelliJ IDEA
+.idea/

Frontend/DockerFile

@@ -0,0 +1,31 @@
+# Stage 1: Build stage
+# Use an official Node.js runtime as the base image
+FROM node:20.5.1-alpine AS build
+
+# Set the working directory in the container
+WORKDIR /usr/src/app
+
+# Copy package.json and package-lock.json to the working directory
+COPY package*.json ./
+
+# Install dependencies
+RUN npm ci
+
+# Copy the rest of the app source code to the working directory
+COPY . .
+
+# Build the Next.js app
+RUN npm run build
+
+# Stage 2: Run stage
+# Use a smaller base image for running the app
+FROM node:20.5.1-alpine
+
+# Set the working directory in the container
+WORKDIR /usr/src/app
+
+# Copy the built app from the previous build stage
+COPY --from=build /usr/src/app .
+
+# Specify the command to run the app
+CMD ["npm", "run", "start"]

Frontend/README.md

@@ -0,0 +1,35 @@
+This is a [Next.js](https://nextjs.org/) project bootstrapped with [`create-next-app`](https://github.com/vercel/next.js/tree/canary/packages/create-next-app).
+
+## Setup
+
+1. Git clone the repository
+2. Navigate to the `Server` directory and run `npm install`
+3. Run `node server.js` to start up the signaling server
+4. Run `ngrok` with the following command `ngrok tcp 4444`, make sure you have ngrok installed
+5. Run `npm install` to install all dependencies, make sure you're in the `Frontend` directory
+6. Run `npm run dev` to start the development server
+
+Open [http://localhost:3000](http://localhost:3000) with your browser to see the result.
+
+This project uses [`next/font`](https://nextjs.org/docs/basic-features/font-optimization) to automatically optimize and load Inter, a custom Google Font.
+
+## Assignment 1
+
+### CRUD on Questions
+
+View: Click the questions tab on the navbar to view all questions
+Create: Under Add Question, enter the required fields in JSON format and click submit
+Update: Click the edit button on the question you want to edit, current state will be populated in the text area, edit and press submit
+Delete: Click the delete button
+
+### CRUD on Users
+
+View: Click the users tab on the navbar to view all questions
+Create: Under Add Question, enter the required fields in JSON format and click submit
+Update: Click the edit button on the question you want to edit, current state will be populated in the text area, edit and press submit
+Delete: Click the delete button
+
+## Landing page (WIP)
+
+Trash favicon (placeholder) in the nav bar redirects to the landing page
+Currently plain, will be updated with the main design