Personal Portfolio Website

A modern, responsive portfolio website built with HTML, CSS, and JavaScript. Features a dark/light theme toggle, animated skill bars, project showcase with modal details, and a contact form with validation.

Features

• 🌓 Dark/Light theme with persistent preference
• 📊 Animated skill bars on scroll
• 🎯 Project showcase with detailed modal views
• 📱 Fully responsive design
• 📬 Contact form with validation
• ⚡ Smooth scroll navigation
• 🎨 Dynamic time-based greeting
• 💾 Local storage for user preferences

Running Locally

1. Clone the repository:

   git clone https://github.com/your-username/portfolio-website.git

2. Navigate to the project directory:

   cd portfolio-website

3. Open index.html in your browser:

   • Double-click index.html, or
   • Use a local server (recommended):

     # Using Python 3
     python -m http.server 8000
     
     # Using Node.js's http-server (need to install first)
     npx http-server

4. View the site at http://localhost:8000

AI Tools Used

This project was developed with assistance from:

• GitHub Copilot: Code completion and suggestions
• ChatGPT: Code review and optimization

For detailed AI usage logs, see AI Usage Report

Project Structure

portfolio-website/
├── index.html          # Main HTML file
├── docs/              
│   └── ai-usage-report.md  # Detailed AI usage documentation
├── README.md           # Project documentation
└── assets/            # Images and other assets

Browser Support

• Chrome (latest)
• Firefox (latest)
• Safari (latest)
• Edge (latest)

Contributing

Feel free to submit issues and enhancement requests.

License

MIT License