humanfryo/ai-developer-ux-designer

Srihari Narayan Rajashekar - Portfolio Website

🚀 Overview A modern, accessible, and AI-themed portfolio website showcasing my work as an AI Product Developer and UX Designer. Built with a focus on performance, accessibility, and stunning visual design.

🎨 Features

• —Modern Design: Glassmorphism, gradients, and smooth animations
• —Fully Accessible: WCAG 2.2 compliant with screen reader support
• —Dark Mode: Automatic and manual dark mode switching
• —Responsive: Mobile-first design that looks great on all devices
• —Performance Optimized: Lazy loading, optimized assets, and smooth animations
• —SEO Ready: Proper meta tags and structured data
• —Interactive Elements: Hover effects, scroll animations, and micro-interactions

📁 Project Structure portfolio/ ├── index.html # Main HTML file ├── styles.css # Core styles ├── script.js # JavaScript functionality ├── enhanced.html # Modern enhanced version ├── case-study.html # Detailed case study page ├── assets/ │ ├── images/ # Project images │ ├── icons/ # Custom icons │ └── docs/ # Resume and documents └── README.md # This file

🛠️ Technologies Used

• —Frontend: HTML5, CSS3, JavaScript (ES6+)
• —Styling: Tailwind CSS, Custom CSS animations
• —Icons: Font Awesome 6
• —Fonts: Inter, Space Grotesk (Google Fonts)
• —Tools: Figma for design, VS Code for development

🚀 Getting Started

1. 1.Clone the repository
2. 2.Open index.html in your browser
3. 3.For the enhanced version, open enhanced.html

Development To modify the Tailwind configuration, update the config in the HTML:

tailwind.config = {
  theme: {
    extend: {
      // Your custom configuration
    }
  }
}