Portfolio

Repository	Info
portfolio-client	Frontend
portfolio-api	Rest API
portfolio-server	Docker Environment

Features

• ⚡️ Vue 3, Vite 3, pnpm, ESBuild - born with fastness

• 🗂 File based routing

• 📦 Components auto importing

• 📑 Layout system

• 📲 PWA

• 🎨 UnoCSS - the instant on-demand atomic CSS engine

• 😃 Use icons from any icon sets with classes

• 🔥 Use the new <script setup> syntax

• 🤙🏻 Reactivity Transform enabled

• 📥 APIs auto importing - use Composition API and others directly

• 🖨 Static-site generation (SSG) via vite-ssg

• 🦔 Critical CSS via critters

• 🦾 TypeScript, of course

• ⚙️ Unit Testing with Vitest, E2E Testing with Cypress on GitHub Actions

Usage

Development

Create a .env file from the template .env.template file.

cp .env.template .env

Run and visit http://localhost:3333

pnpm dev

Build

To build the App, run

pnpm build

And you will see the generated file in dist that ready to be served.

Docker Production Build

First, build the portfolio image by opening the terminal in the project's root directory.

docker buildx build . -t portfolio-client:latest

Run the image and specify port mapping with the -p flag.

docker run --rm -it -p 8080:80 portfolio-client:latest