tpm_assignment

Add Project

• Route: src/views/AddProject.vue (not linked in the app)
• Purpose: Generate new project objects for src/data/projects.js without a backend

This is a small internal utility view to help maintain the project list.

Usage

1. Navigate to /add-project.
2. Fill out the form (Pathway, Repository Link, Description).
3. Click Generate Project Object.
4. The generated JavaScript object is displayed on screen and logged to the browser console.
5. Click Copy to Clipboard and paste the object into src/data/projects.js.

Example console output:

{
  id: 1767897128742,
  pathway: 'webDev',
  repoLink: 'https://github.com/Code-You-Contributors/TPM-Assignment-Website',
  description: 'Example project'
},

---

This template should help get you started developing with Vue 3 in Vite.

Recommended IDE Setup

VS Code + Vue (Official) (and disable Vetur).

Recommended Browser Setup

• Chromium-based browsers (Chrome, Edge, Brave, etc.):
  • Vue.js devtools
  • Turn on Custom Object Formatter in Chrome DevTools
• Firefox:
  • Vue.js devtools
  • Turn on Custom Object Formatter in Firefox DevTools

Customize configuration

See Vite Configuration Reference.

Project Setup

npm install

Compile and Hot-Reload for Development

npm run dev

Compile and Minify for Production

npm run build

Run Unit Tests with Vitest

npm run test:unit