Portfolio Template

An example website made for Modern Web Development Guided Project, one of the courses in NTNU CSIE Camp 2022.

Setup

1. Install Node.js 16+
2. Install PNPM globally (optional)
   • npm i -g pnpm
3. Install the dependencies
   • pnpm i (if you installed PNPM globally)
   • or npx pnpm i
4. Run the development server
   • pnpm dev (if you installed PNPM globally)
   • or npm run dev

Now, you should be able to visit the website at http://localhost:3000.

Build

• pnpm build (if you installed PNPM globally)
• or npm run build

The built website will be placed in dist/.

And you can use pnpm preview (npm run preview) to preview the built website in your browser.

Tech Stack

• Vue 3 (JS Framework)
• TailwindCSS (CSS Framework)
• Vue Router (SPA Router)
• Vite (Dev Server, Bundler)