Bence Szilagyi - Personal Portfolio Website

🚀 Live Site: szilagyibence.com

About

This is my personal portfolio website showcasing my projects, achievements, and technical skills. Built with a space-themed design featuring dynamic animations and a luxury dark aesthetic.

Features

• 🌟 Interactive Space Theme: Dynamic star field animations and space-themed visuals
• 📱 Fully Responsive: Optimized for all device sizes
• ⚡ Performance Optimized: Fast loading with lazy loading and resource hints
• 🎨 Custom Animations: Smooth transitions and hover effects
• 📊 Dynamic Content: Auto-updating age calculation
• 🔍 SEO Optimized: Complete meta tags, structured data, and sitemap

Projects Showcased

Major Projects

• TrackIt (2025): Cross-platform health & fitness tracker with Apple Health sync
• UniverX (2024): Comprehensive university management application
• LeetCode Premium Bypass (2023-24): Popular developer tool (DMCA'd)

Mini Projects

• Meridian time calculator
• Typing speed trainer
• Starlink visualization
• 4D object visualization
• Pi digits explorer
• University credit calculator

Achievements

• Advent of Code participation (2022-2024)
• Programming contest winner
• Open source contributor

Tech Stack

• Frontend: HTML5, CSS3, JavaScript
• Styling: Custom CSS with CSS variables, animations
• Fonts: Custom D-DIN typography
• Performance: Resource preloading, lazy loading
• SEO: Structured data, meta tags, sitemap
• Hosting: GitHub Pages

Getting Started

1. Clone the repository:

git clone https://github.com/31b4/31b4.github.io.git

2. Open index.html in your browser or serve locally:

# Using Python
python -m http.server 8000

# Using Node.js
npx serve .

Structure

├── index.html              # Main page
├── sources/
│   ├── main.css           # Primary styles
│   ├── stars.css          # Animation styles
│   ├── fonts/             # Custom fonts
│   ├── imgs/              # Images and icons
│   ├── scripts/           # JavaScript files
│   └── pages/             # Additional pages
├── CV.pdf                 # Resume
├── sitemap.xml           # SEO sitemap
├── robots.txt            # Search engine instructions
└── README.md             # This file

Features in Detail

Performance Optimizations

• Resource preloading for critical assets
• Lazy loading for images
• Optimized font loading
• Minified and compressed assets

SEO Features

• Complete meta tag implementation
• Open Graph and Twitter Card support
• Structured data (JSON-LD)
• Semantic HTML structure
• Optimized sitemap and robots.txt

Accessibility

• Proper alt text for all images
• Semantic HTML structure
• High contrast color scheme
• Keyboard navigation support
• Screen reader friendly

Contact

• Email: contact@szilagyibence.com
• GitHub: @31b4
• LinkedIn: benszilagyi

License

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

---

Made with ❤️ and countless cups of coffee ☕