Zach Stone Portfolio
Description
A modern, responsive portfolio website built with Svelte and SvelteKit. This project showcases my professional experience, projects, skills, and resume 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
│ ├── resume/ # Resume 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
- Clone the repository
git clone https://github.com/ZacharyTStone/svelte-portfolio-site.git
cd svelte-portfolio-site
- Install dependencies
yarn install
# or
npm install
- Start the development server
yarn dev
# or
npm run dev
- 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!
