An open API service indexing awesome lists of open source software.

https://github.com/31b4/2023.szilagyibence.com


https://github.com/31b4/2023.szilagyibence.com

personal-website

Last synced: about 1 month ago
JSON representation

Awesome Lists containing this project

README

          

# Bence Szilagyi - Personal Portfolio Website

🚀 **Live Site**: [szilagyibence.com](https://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:
```bash
git clone https://github.com/31b4/31b4.github.io.git
```

2. Open `index.html` in your browser or serve locally:
```bash
# 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](https://github.com/31b4)
- **LinkedIn**: [benszilagyi](https://linkedin.com/in/benszilagyi/)

## License

This project is open source and available under the [MIT License](LICENSE).

---

*Made with ❤️ and countless cups of coffee ☕*