# Personal Portfolio Website 🌟

A modern, responsive portfolio website showcasing my projects, skills, and gaming adventures with an interactive medieval theme.

## About 📖

This is my personal portfolio website featuring a unique medieval-themed design with smooth animations and interactive elements. The site showcases my development projects, includes an embedded game showcase, and provides an engaging user experience with scroll-triggered animations and responsive design. Built from scratch using vanilla web technologies, it demonstrates my front-end development skills and creative design approach.

## Features ✨

- 🎨 **Medieval-themed Design** - Unique parchment-style backgrounds with custom medieval aesthetics
- 📱 **Fully Responsive** - Optimized for desktop, tablet, and mobile devices
- 🎮 **Interactive Game Showcase** - Embedded games including Egg Shooter and Fishing Tycoon
- ⚡ **Smooth Animations** - CSS keyframe animations and scroll-triggered effects
- 🔄 **Dynamic Content** - Project cards with hover effects and interactive elements
- 🎯 **Performance Optimized** - Fast loading times and smooth user experience
- 🌐 **Cross-browser Compatible** - Works seamlessly across all modern browsers
- 📊 **Project Showcase** - Detailed presentation of development projects with live demos

## Technologies Used 🛠️

- **HTML5** - Semantic markup and structure
- **CSS3** - Advanced styling, animations, and responsive design
- **JavaScript** - Interactive functionality and dynamic content
- **CSS Grid & Flexbox** - Modern layout techniques
- **Intersection Observer API** - Scroll-triggered animations
- **Git** - Version control and deployment

## How to Run Locally 🚀

1. **Clone the repository**
   ```bash
   git clone https://github.com/[username]/profile-website.git
   ```

2. **Navigate to the project directory**
   ```bash
   cd profile-website
   ```

3. **Open the website**
   - Simply open `index.html` in your web browser
   - Or use a local server (recommended):
   ```bash
   # Using Python
   python -m http.server 8000

   # Using Node.js (if you have http-server installed)
   npx http-server
   ```

4. **View the website**
   - Open your browser and go to `http://localhost:8000` (or the URL shown in your terminal)

## Live Demo 🌐

🔗 **Visit the live website:** [https://[username].github.io/profile-website](https://[username].github.io/profile-website)

## Screenshots 📸

*Please add screenshots of your website here to showcase the design and features. Recommended screenshots:*

- Homepage/Hero section
- Projects showcase
- Games section
- Mobile responsive view

## Project Structure 📁

```
profile-website/
├── index.html          # Main HTML file
├── style.css           # Main stylesheet
├── script.js           # JavaScript functionality
├── img/                # Images and screenshots
│   ├── profile.png
│   └── ai-chatbox.png
├── favicon.svg         # Website favicon
└── README.md          # Project documentation
```

## Author 👨‍💻

**[Student Name]**

- 💼 **Portfolio:** [https://[username].github.io/profile-website](https://[username].github.io/profile-website)
- 📧 **Email:** [your-email@example.com]
- 🐙 **GitHub:** [@[username]](https://github.com/[username])
- 💬 **Discord:** [your-discord-handle] (if applicable)

---

⭐ **If you found this project helpful, please give it a star!** ⭐

*Built with ❤️ and lots of ☕*