BertenX Portfolio Website

A modern, responsive portfolio website showcasing the work and skills of BertenX, a creative developer and digital innovator.

🌟 Features

• Responsive Design: Fully responsive layout that works on all devices
• Interactive Navigation: Smooth scrolling navigation with mobile hamburger menu
• Portfolio Showcase: Dedicated sections for projects and skills
• Snake Game: Classic snake game built with vanilla JavaScript
• Contact Integration: Social media links and email contact
• Easter Egg: Hidden Eduward feature for visitors to discover
• Modern Animations: Smooth transitions and hover effects

🛠️ Technologies Used

• Frontend: HTML5, CSS3, JavaScript (Vanilla)
• Icons: Font Awesome 6.0
• Analytics: Rybbit.io integration
• Styling: Modern CSS with custom animations and responsive design

🚀 Getting Started

Prerequisites

No build tools or dependencies required! This is a simple static website.

Local Development

1. Clone the repository:

   git clone https://github.com/HutsaJens/Website.git
   cd Website

2. Open the website:

   • Option 1: Simply open index.html in your web browser
   • Option 2: Use a local server (recommended):

     # Using Python
     python -m http.server 8000
     
     # Using Node.js
     npx serve .
     
     # Using PHP
     php -S localhost:8000

3. Navigate to http://localhost:8000 (if using a local server)

Deployment

This website can be deployed to any static hosting service:

• GitHub Pages: Already configured for GitHub Pages deployment
• Netlify: Drag and drop the project folder
• Vercel: Connect your GitHub repository
• Traditional Web Hosting: Upload all files to your web server

📁 Project Structure

Website/
├── index.html          # Main portfolio page
├── snake.html          # Snake game page
├── styles.css          # Main stylesheet
├── snake.css           # Snake game styles
├── script.js           # Main JavaScript functionality
├── snake.js            # Snake game logic
├── robots.txt          # Search engine directives
├── assets/             # Images and logos
│   ├── logo_transparant-wit.svg
│   ├── eduward.png
│   └── ...
└── README.md           # This file

🎮 Features Overview

Main Portfolio

• Hero Section: Eye-catching introduction with logo and call-to-action
• About Section: Personal information and skills showcase
• Projects Section: Featured projects with descriptions and links
• Contact Section: Social media links and contact information

Snake Game

• Classic snake gameplay with HTML5 Canvas
• Score tracking
• Smooth controls and animations
• Accessible via navigation or direct link

Skills Highlighted

• TypeScript
• HTML/CSS
• Angular
• Node.js
• C# (.NET)
• Custom solutions ("Picobello oplossingen")

🎯 Easter Eggs

The website contains hidden features for visitors to discover:

• Eduward Easter Egg: A special surprise for curious users

📧 Contact

• GitHub: HutsaJens
• Email: contact@bertenx.nl
• Social Media: Links available on the website

🤝 Contributing

While this is a personal portfolio, suggestions and improvements are welcome:

1. Fork the repository
2. Create a feature branch (git checkout -b feature/improvement)
3. Commit your changes (git commit -am 'Add some improvement')
4. Push to the branch (git push origin feature/improvement)
5. Open a Pull Request

📄 License

This project is personal portfolio content. Please respect the intellectual property and contact the owner for any usage inquiries.

🏗️ Development Notes

• No build process required - pure HTML/CSS/JavaScript
• All assets are optimized for web delivery
• Cross-browser compatible
• Mobile-first responsive design
• Accessibility considerations implemented

---

Built with ❤️ by BertenX