Personal Website

Repo for a personal website. Built using TypeScript, Nuxt 3 and UnoCSS.

Developed with node 20.10.0 and npm 10.2.3

Ideas:

• Noisy / CRT monitor texture background
• Animated background: ascii letters or code snippets randomly appearing and disappearing (ghosting effect)
• Back to top floating button
• Light / Dark mode
• Typewriter effect variant for all/most text
  • Unlike the current TypeWriterEffect, content must exist in html even before the typewriter effect starts to not break screen readers / indexing
• Project details page/modal

Nuxt 3 Minimal Starter

Look at the Nuxt 3 documentation to learn more.

Setup

Make sure to install the dependencies:

# npm
npm install

# pnpm
pnpm install

# yarn
yarn install

# bun
bun install

Development Server

Start the development server on http://localhost:3000:

# npm
npm run dev

# pnpm
pnpm run dev

# yarn
yarn dev

# bun
bun run dev

Testing

To run the tests:

# npm
npm run test

# pnpm
pnpm run test

# yarn
yarn test

# bun
bun run test

Production

Build the application for production:

# npm
npm run build

# pnpm
pnpm run build

# yarn
yarn build

# bun
bun run build

Locally preview production build:

# npm
npm run preview

# pnpm
pnpm run preview

# yarn
yarn preview

# bun
bun run preview

Check out the deployment documentation for more information.