My resume

See the live site at https://persic.cloud

Simple SPA built with Vue 3 & Vite. Houses my resume, contact info and some hiring details. My goals with this site were:

• To build it without using too many frameworks (in the past I have use nuxt.js, tailwind, vuetify) since I wanted to understand how to build components, styles and other common elements from the ground up.
• Not to spend too long (the main pages were completed in a matter of hours)
• To show some real examples of code, not contrived examples that I have spent a lot of time making look good
• Hide some fun stuff for people to find if they look carefully

Deployment

Deployed with Cloudflare Pages as an SPA

Recommended IDE Setup

VSCode + Volar (and disable Vetur) + TypeScript Vue Plugin (Volar).

Type Support for .vue Imports in TS

TypeScript cannot handle type information for .vue imports by default, so we replace the tsc CLI with vue-tsc for type checking. In editors, we need TypeScript Vue Plugin (Volar) to make the TypeScript language service aware of .vue types.

If the standalone TypeScript plugin doesn't feel fast enough to you, Volar has also implemented a Take Over Mode that is more performant. You can enable it by the following steps:

1. Disable the built-in TypeScript Extension
   1. Run Extensions: Show Built-in Extensions from VSCode's command palette
   2. Find TypeScript and JavaScript Language Features, right click and select Disable (Workspace)
2. Reload the VSCode window by running Developer: Reload Window from the command palette.

Project Setup

yarn

Project commands

Compile and Hot-Reload for Development:

yarn dev

Type-Check, Compile and Minify for Production:

yarn build

Type-Check, Compile, Minify for Production and Start Development Server:

yarn preview

Lint with ESLint:

yarn lint

Rebundle Dependencies and Start Development Server:

yarn clean

Contributing

I am accepting contributions to my physics game Super Sicko Draw Mode (name not finalised). See CONTRIBUTORS.md

License

Source code is licensed under the GPL3 license.

Contents of this site are © Copyright 2023 Andrew Persic. All rights reserved.