Sujith Pudussery - Portfolio Website

A modern, responsive portfolio website showcasing my professional experience as a Senior Unity Developer and XR Specialist. Built with clean, semantic HTML and modern CSS frameworks for optimal performance and user experience.

🌟 Features

• Responsive Design: Optimized for desktop, tablet, and mobile devices
• Modern UI/UX: Clean, professional design with smooth animations
• Fast Loading: Optimized assets and efficient code structure
• SEO Friendly: Semantic HTML and proper meta tags
• Cross-browser Compatible: Works seamlessly across all modern browsers
• Interactive Elements: Smooth hover effects and transitions
• Professional Portfolio: Showcases work experience, projects, and skills

🛠️ Tech Stack

Frontend

• HTML5: Semantic markup for accessibility and SEO
• CSS3: Modern styling with advanced features
• Tailwind CSS: Utility-first CSS framework for rapid development
• JavaScript: Interactive functionality and dynamic content
• Google Fonts: Inter font family for clean typography

Design & Assets

• SVG Icons: Scalable vector graphics for crisp display
• Optimized Images: Compressed images for fast loading
• Responsive Images: Adaptive image sizing for different screen sizes

Performance & Optimization

• CDN Integration: External resources loaded via CDN for faster delivery
• Asset Optimization: Compressed CSS, JS, and image files
• Lazy Loading: Efficient resource loading strategies

📁 Project Structure

Sujith0Nair.github.io/
├── index.html              # Main homepage
├── about.html              # About page
├── resume.html             # Professional resume
├── works.html              # Portfolio showcase
├── contact.html            # Contact information
├── components.html         # UI components showcase
├── custom.css              # Custom stylesheet
├── ink-perlin.js          # Custom JavaScript functionality
├── main.3f6952e4.css      # Compiled CSS (gzipped)
├── main.70a66962.js       # Compiled JavaScript (gzipped)
├── main.70a66962.map      # Source maps for debugging
├── assets/
│   ├── images/            # Image assets
│   │   ├── profile.jpeg   # Profile photo
│   │   ├── space.jpg      # Background image
│   │   └── work*.jpg      # Project showcase images
│   └── apple-icon-180x180.png  # App icon
├── works/                 # Individual project pages
│   ├── detect.html
│   ├── isro.html
│   ├── playshifu.html
│   ├── superbolter.html
│   ├── svco.html
│   └── terra.html
└── README.md              # This file

🚀 Getting Started

Prerequisites

• A modern web browser
• Basic understanding of HTML/CSS/JavaScript (for customization)

Installation

1. Clone the repository:

   git clone https://github.com/sujith0nair/sujith0nair.github.io.git

2. Navigate to the project directory:

   cd sujith0nair.github.io

3. Open index.html in your web browser to view the site locally.

Development

• Edit HTML files for content changes
• Modify custom.css for styling updates
• Update ink-perlin.js for interactive functionality
• Optimize images in the assets/images/ directory

📱 Responsive Design

The website is fully responsive and optimized for:

• Desktop: 1200px and above
• Tablet: 768px - 1199px
• Mobile: 320px - 767px

🎨 Design Features

• Clean Typography: Inter font family for professional appearance
• Smooth Animations: CSS transitions and hover effects
• Professional Color Scheme: Consistent branding throughout
• Accessibility: Proper contrast ratios and semantic markup
• Performance: Optimized assets and efficient loading

🔧 Customization

Adding New Projects

1. Create a new HTML file in the works/ directory
2. Add project details to works.html
3. Include relevant images in assets/images/

Updating Content

• Resume: Edit resume.html for professional updates
• About: Modify about.html for personal information
• Contact: Update contact.html for contact details

Styling Changes

• Modify custom.css for custom styles
• Update Tailwind classes in HTML files
• Adjust responsive breakpoints as needed

📊 Performance Metrics

• Page Load Speed: Optimized for fast loading
• SEO Score: Semantic HTML and proper meta tags
• Accessibility: WCAG compliant design
• Mobile Optimization: Responsive design for all devices

🌐 Deployment

This website is deployed on GitHub Pages and can be accessed at: https://sujith0nair.github.io

Deployment Process

1. Push changes to the main branch
2. GitHub Pages automatically builds and deploys
3. Changes are live within minutes

🤝 Contributing

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

1. Fork the repository
2. Create a feature branch
3. Make your changes
4. Submit a pull request

📄 License

This project is open source and available under the MIT License.

📞 Contact

• Email: pudusserysujith@gmail.com
• LinkedIn: Sujith Pudussery
• GitHub: sujith0nair
• Portfolio: https://sujith0nair.github.io

---

Built with ❤️ using modern web technologies