NaveenKumar's Portfolio

A modern, responsive portfolio website built with HTML, CSS, and JavaScript. Features a clean dark theme design with smooth animations and YAML-based content management.

🌟 Features

• Dark Theme: Clean and modern dark theme design
• Responsive Layout: Adapts seamlessly to all screen sizes
• YAML Content Management: Easy-to-update content structure
• Interactive Elements:
  • Smooth hover animations
  • Font size controls
  • Profile image effects
• SEO Optimized: Includes meta tags for better search engine visibility
• Social Media Ready: OpenGraph and Twitter Card support

🛠️ Technologies

• HTML5
• CSS3 (Custom properties, Flexbox)
• JavaScript (ES6+)
• js-yaml for YAML parsing
• Font Awesome icons

📁 Project Structure

naveenkumar-xyz/
├── index.html
├── js/
│   └── script.js
├── style/
│   ├── style.css
│   └── favicon.ico
├── yaml/
│   └── me.yaml
└── images/
    └── profile images and icons

🚀 Setup

1. Clone the repository:

   git clone https://github.com/QAInsights/naveenkumar.xyz.git

2. Open index.html in your browser or use a local server:

   python -m http.server 8000

📝 Updating Content

Content is managed through YAML files:

1. Edit yaml/me.yaml to update:

   • Experience
   • Education
   • Skills
   • Projects

2. Images can be added to the images/ directory

🎨 Customization

Colors

Colors can be customized in style/style.css:

:root {
    --bg-color: #1a1a1a;
    --text-color: #f0f0f0;
    --key-color: #61afef;
    --string-color: #98c379;
    /* ... other color variables */
}

📱 Browser Support

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

📄 License

MIT License - feel free to use this for your own portfolio!

🤝 Contact

• Website: qainsights.com
• GitHub: @naveenkumar-xyz

---

Made with ❤️ by NaveenKumar Namachivayam