jordangarrison.dev

A personal portfolio website showcasing my work experience, projects, and contact information.

Live site: jordangarrison.dev

Features

• About - Landing page with personal introduction
• Experience - Professional work history with detailed accomplishments
• Portfolio - Project showcase with category filtering (Tools, Nix Ecosystem, AI & Fun)
• Blog - Personal blog
• Contact - Get in touch

Getting Started

# Install dependencies
npm install

# Start development server
npm run dev

# Open in browser
npm run dev -- --open

Code Quality

# Type checking
npm run check

# Lint (Prettier + ESLint)
npm run lint

# Format code
npm run format

# Run tests
npm run test

Build

# Production build
npm run build

# Preview production build
npm run preview

Project Structure

src/
├── lib/                  # Shared components and data
│   ├── portfolio.model.ts
│   ├── portfolio.data.ts
│   ├── WorkExperience.model.ts
│   ├── workExperience.data.ts
│   └── *.svelte
└── routes/
    ├── +layout.svelte    # Root layout (navbar + footer)
    ├── +page.svelte      # Home/About page
    ├── experience/       # Work experience
    ├── portfolio/        # Projects with filtering
    ├── blog/             # Blog posts
    └── contact/          # Contact form

License

MIT