Welcome to the source code of my personal portfolio website! This site showcases my skills, projects, and professional journey as a developer.

Screenshot caption: Showcasing the responsive design and modern UI of my portfolio

• Modern UI/UX Design: Clean, responsive layout with attention to detail
• Performance Optimized: Fast loading times and smooth animations
• Responsive Design: Works flawlessly on all device sizes
• Interactive Elements: Engaging user interactions
• SEO Optimized: Proper metadata and structured data
• Dark/Light Mode: User preference detection

• Sveltekit / Svelte 5 using runes mode
• CSS/SASS with modern layout techniques (Flexbox/Grid)
• TailwindCSS 4, Shadcn UI, Prettier, CI/CD Scaffold, etc.
• JavaScript ES6+ with clean, modular code

• Vite
• GitHub Actions for CI/CD
• VPS / Shared hosts for hosting

├── src/
│   ├── lib/                 # Reusable UI components
│   │    ├── utils.js        # Reusable utilities
│   │    ├── assets/         # Images, fonts, etc.
│   │    └── components/     # Reusable UI components & page sections (About, Projects, etc.)
│   ├── routes/              # Routes and pages for svelte app
│   ├── loader.cjs           # Custom loader for shared hosting servers
│   ├── app.css              # Global styles, CSS modules, & TailwindCSS customizations
│   └── app.html             # Main application app shell
├── static/                  # Static files
└── package.json             # Project dependencies

• Custom-designed UI components
• Accessibility best practices (WCAG compliant)
• Optimized image loading
• Contact form with serverless function integration

To run this project locally:

1. Clone the repository:

   git clone https://github.com/xavi7th/portfolio-site.git

2. Install the dependencies:

   bun install

3. Start development server:

   bun run dev -- --open

To create a production version of your app:

bun run build

You can preview the production build with bun run preview.

To deploy your app, you may need to install an adapter for your target environment.

This project is open source and available under the MIT License.

Have questions or want to collaborate? Reach out to me through:

• Portfolio: daniel.stafr.pro
• Email: [email protected]
• LinkedIn: https://www.linkedin.com/in/danielose/
• Telegram Leinad8th

✨ Crafted with passion by Daniel E. A.