[TODO] separate frontend code from backend code

[gbowne1]

It was brought up before in a issue that the frontend code is not separate from the backend code.

I totally agree with that.

Separate the front end/client code from the backend code.

Note this should only be done after all of the PRs uo to #68 has been merged and approved..

[justcodez123]

Should I work on this issue ?

[gbowne1]

I propose we:

devstream/
  frontend/
    package.json
    package-lock.json
    node_modules/
    src/
  backend/
    package.json
    package-lock.json
    node_modules/
    src/

Then we have:

/frontend/package.json

{
  "name": "devstream-frontend",
  "version": "1.0.0",
  "private": true,
  "scripts": {
    "dev": "vite",
    "build": "vite build",
    "preview": "vite preview",
    "lint": "eslint \"src/**/*.{js}\"",
    "lint:fix": "eslint \"src/**/*.{js}\" --fix",
    "format": "prettier --write .",
    "check:format": "prettier --check .",
    "test": "vitest",
    "test:run": "vitest run",
    "test:coverage": "vitest run --coverage"
  },
  "dependencies": {
    "@fortawesome/fontawesome-free": "^6.5.2",
    "bootstrap": "^5.3.3",
    "flv.js": "^1.6.2",
    "socket.io-client": "^4.8.3"
  },
  "devDependencies": {
    "vite": "^5.2.11",
    "eslint": "^8.57.0",
    "eslint-config-prettier": "^9.1.0",
    "eslint-plugin-import": "^2.32.0",
    "eslint-plugin-prettier": "^5.5.5",
    "@babel/eslint-parser": "^7.28.6",
    "prettier": "^3.2.5",
    "vitest": "^4.0.18",
    "@vitest/ui": "^4.0.18",
    "@vitest/coverage-v8": "^4.0.18",
    "jsdom": "^28.0.0"
  }
}

/backend/package.json

{
  "name": "devstream-backend",
  "version": "1.0.0",
  "private": true,
  "main": "src/server.js",
  "scripts": {
    "start": "node src/server.js",
    "dev": "node src/server.js",
    "lint": "eslint \"src/**/*.js\"",
    "lint:fix": "eslint \"src/**/*.js\" --fix",
    "format": "prettier --write .",
    "check:format": "prettier --check .",
    "test": "vitest",
    "test:run": "vitest run",
    "test:coverage": "vitest run --coverage"
  },
  "dependencies": {
    "bcrypt": "^6.0.0",
    "cors": "^2.8.5",
    "dotenv": "^17.2.3",
    "express": "^5.2.1",
    "express-validator": "^7.3.1",
    "helmet": "^8.1.0",
    "jsonwebtoken": "^9.0.3",
    "mongoose": "^9.1.5",
    "morgan": "^1.10.1",
    "node-media-server": "^4.2.4",
    "obs-websocket-js": "^5.0.7",
    "socket.io": "^4.8.3"
  },
  "devDependencies": {
    "eslint": "^8.57.0",
    "eslint-config-prettier": "^9.1.0",
    "eslint-plugin-import": "^2.32.0",
    "eslint-plugin-prettier": "^5.5.5",
    "@babel/eslint-parser": "^7.28.6",
    "prettier": "^3.2.5",
    "vitest": "^4.0.18",
    "@vitest/coverage-v8": "^4.0.18",
    "supertest": "^7.2.2",
    "mongodb-memory-server": "^11.0.1"
  }
}