Pawan Parida - Interactive Portfolio Website

A modern, responsive portfolio website showcasing skills, projects, and achievements in data analytics and AI/ML development.

🚀 Features

• Responsive Design: Fully responsive across all devices
• Dark/Light Mode: Toggle between CMYK (light) and Dark themes using DaisyUI
• Interactive Animations: Smooth animations using AOS library
• Modern UI: Built with Tailwind CSS and DaisyUI components
• Contact Form: Functional contact form with validation
• Project Showcase: Detailed project cards with GitHub links
• Skills Visualization: Interactive skill badges and progress indicators
• Timeline: Education and experience timeline
• Certifications: Professional certifications display
• Performance Optimized: Lazy loading, service worker for offline support

🛠️ Technologies Used

Frontend Frameworks & Libraries

• Tailwind CSS: Utility-first CSS framework
• DaisyUI: Component library for Tailwind CSS
• Bootstrap Icons: Icon library
• Font Awesome: Additional icons
• AOS (Animate On Scroll): Animation library

JavaScript Features

• Vanilla JavaScript (ES6+)
• Service Worker for offline functionality
• Intersection Observer API
• Local Storage for theme persistence
• Responsive navigation
• Form validation

Design Features

• CMYK theme for light mode
• Dark theme for dark mode
• Smooth scrolling
• Hover effects and transitions
• Mobile-first responsive design

📁 Project Structure

NeoIntro/
├── index.html          # Main HTML file
├── src/
│   ├── style.css       # Custom CSS styles
│   ├── script.js       # JavaScript functionality
│   └── sw.js           # Service Worker
├── static/
│   ├── img/
│   │   └── profile.jpeg # Profile image
│   └── pdf/
│       └── resume.pdf   # Resume PDF
├── resume.txt          # Resume content
└── README.md           # Project documentation

🎨 Theme Configuration

The website supports two themes:

• Light Mode: CMYK theme from DaisyUI
• Dark Mode: Dark theme from DaisyUI

Theme preference is saved in localStorage and persists across sessions.

📱 Responsive Breakpoints

• Mobile: < 768px
• Tablet: 768px - 1024px
• Desktop: > 1024px

🔧 Setup & Installation

1. Clone the repository:

   git clone <repository-url>
   cd NeoIntro

2. Open index.html in a web browser or serve using a local server:

   # Using Python
   python -m http.server 8000
   
   # Using Node.js
   npx serve .
   
   # Using Live Server (VS Code extension)

3. Navigate to http://localhost:8000 (or the appropriate port)

🚀 Deployment

The website can be deployed to:

• GitHub Pages
• Netlify
• Vercel
• Any static hosting service

Simply upload the files to your hosting provider.

📊 Performance Features

• Lazy Loading: Images load only when needed
• Service Worker: Offline functionality
• Optimized Assets: Compressed images and minified CSS/JS
• CDN Resources: Fast loading of external libraries

🎯 Key Sections

1. Hero Section: Introduction with animated profile image
2. About: Personal introduction and statistics
3. Skills: Technology stack and expertise areas
4. Projects: Featured projects with descriptions and GitHub links
5. Experience: Work experience and education timeline
6. Certifications: Professional certifications and achievements
7. Contact: Contact form and social links

📧 Contact Information

• Email: 13zero7two005@gmail.com
• Phone: +91 8700579954
• Location: New Delhi, India
• GitHub: zer-art

🎁 Easter Eggs

The website includes some hidden features:

• Konami Code activation (↑↑↓↓←→←→BA)
• Dynamic page title changes
• Console welcome message for developers

📄 License

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

🤝 Contributing

Contributions, issues, and feature requests are welcome! Feel free to check the issues page.

🙏 Acknowledgments

• DaisyUI: For the beautiful component library
• Tailwind CSS: For the utility-first CSS framework
• AOS: For smooth scroll animations
• Font Awesome & Bootstrap Icons: For the icon libraries

---

Made with ❤️ by Pawan Parida