Zach Stone Portfolio

Description

A modern, responsive portfolio website built with Svelte and SvelteKit. This project showcases my professional experience, projects, and skills in both English and Japanese.

The site was built using a template as a foundation, which has been significantly customized and extended to meet my personal branding and functional requirements.

Tech Stack

• Framework: SvelteKit with Svelte 5
• Styling: TailwindCSS and SCSS
• Icons: UnoCSS for icon integration
• Internationalization: svelte-i18n for multi-language support (English/Japanese)
• Deployment: Vercel
• Analytics: Vercel Analytics and Speed Insights

Features

• Responsive Design: Fully responsive on all device sizes
• Animations: Custom animations for enhanced user experience
• Bilingual Support: Complete localization in English and Japanese
• Project Showcase: Filterable project display
• Skills Section: Visual representation of technical skills
• Dark/Light Mode: Theme toggle for user preference
• Performance Optimized: Built with performance in mind

Project Structure

src/
├── lib/              # Shared component library
│   ├── assets/       # Static assets
│   ├── components/   # Reusable UI components
│   ├── data/         # Data files
│   ├── hooks/        # Custom Svelte hooks
│   ├── locales/      # i18n translation files
│   ├── md/           # Markdown content
│   ├── stores/       # Svelte stores
│   └── utils/        # Utility functions
├── routes/           # Application routes
│   ├── about/        # About page
│   ├── experience/   # Experience page
│   ├── projects/     # Projects page
│   ├── search/       # Search functionality
│   └── skills/       # Skills page
├── app.d.ts          # TypeScript declarations
└── app.html          # HTML template

Getting Started

Prerequisites

• Node.js (v16+)
• Yarn or npm

Installation

1. Clone the repository

git clone https://github.com/ZacharyTStone/svelte-portfolio-site.git
cd svelte-portfolio-site

2. Install dependencies

yarn install
# or
npm install

3. Start the development server

yarn dev
# or
npm run dev

4. Open your browser and navigate to http://localhost:5173

Building for Production

yarn build
# or
npm run build

License

Contributions

I am not taking contributions to this site at this time.

Questions and Contact

このプロジェクトに関するご質問は、Zach.Stone.Developer@gmail.com までお気軽にご連絡ください。

Feel free to reach me at Zach.Stone.Developer@gmail.com with any question regarding this project!