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

Usage:

1. Navigate to /add-project.
2. Fill out the form (Pathway, Repository Link, Description).
3. Click Save.
4. Copy the generated JavaScript object from the browser console and paste it 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