mxcop / portfolio

My portfolio website

Max's Portfolio

^{Powered by SvelteKit & Vite & Icons from Iconify}

Development

To test the website locally run :

npm run dev

Assets *

Make sure that all images are mirrored in the following directories :

src/assets/ — Local Testing Assets
static/ ——— Production Assets

_{If any assets are missing from either of these folders you may experience missing assets.
Either in production, or while testing locally.}

File Structure

./portfolio/*
  ├─ src/assets - # Local testing assets
  ├─ src/css    - # Global CSS files
  │
  ├─ src/data/*        - # Typescript files for parsing api data and static data
  │  ├─ projects.ts    - # Static project data
  │  └─ ...
  │
  ├─ src/lib    - # Svelte components
  │
  ├─ src/routes/*      - # Sveltekit file based routing
  │  ├─ +page.svelte   - # Index page
  │  ├─ +page.ts       - # Used for fetching data from github api
  │  ├─ +layout.svelte - # Svelte component included in every page
  │  ├─ +error.svelte  - # Error page
  │  └─ ...
  │
  └─ static     - # Production assets (included within the build)

Publishing

First build the website using this npm command :

_{The build files will be placed in the /build directory *}

npm run build

Then once the build is completed run the deploy command :

_{This will move the /build directory into the gh-pages branch *}

npm run deploy

_{Powered by SvelteKit & Vite & Icons from Iconify}