Frontend:
Backend:
This template should help get you started developing with Vue 3 in Vite.
Both the frontend and backend require .env files.
There should be a .env file in the frontend directory with the following contents:
VITE_API_HOST=: "http://localhost" for local testing or "https://project3-gang-83-opoi.onrender.com" for testing with the deployed backend
VITE_API_PORT=: 3000 for local testing or 443 for testing with the deployed backend
There should be a .env file in the backend directory with the following contents:
DB_NAME=: PostgreSQL database name
DB_USERNAME=: PostgreSQL username
DB_PASSWORD=: PostreSQL database password
DB_HOST=: host of PostgreSQL database
DB_PORT=5432
This application consists of a backend and a frontend, both of which must run for the app to be functional. The backend should be run first.
Enter the backend directory by running cd backend.
Run npm install if you haven't recently.
npm run dev
npm run build
npm start
Enter the frontend directory by running `cd frontend``.
Run npm install if you haven't recently.
npm start
npm run build will put the built files into the dist directory. The dist directory can then be statically served.
VS Code + Vue (Official) (and disable Vetur).
- Chromium-based browsers (Chrome, Edge, Brave, etc.):
- Firefox:
TypeScript cannot handle type information for .vue imports by default, so we replace the tsc CLI with vue-tsc for type checking. In editors, we need Volar to make the TypeScript language service aware of .vue types.
See Vite Configuration Reference.
npm installnpm run devnpm run buildLint with ESLint
npm run lint