Modern Web Developer Portfolio

A responsive and modern portfolio website built with modern web technologies

✨ Features

• 🎨 Modern UI/UX - Clean and responsive design built with Tailwind CSS
• 🚀 Blazing Fast - Optimized performance with lazy loading
• 🌓 Dark/Light Mode - Toggle between themes with system preference detection
• 📱 Fully Responsive - Works on all devices and screen sizes
• 🎭 Smooth Animations - Powered by GSAP for buttery smooth transitions
• 📝 Interactive Elements - Engaging user interactions and micro-interactions
• 📬 Contact Form - Client-side validation with JavaScript
• 🔍 SEO Optimized - Built with best practices for search engines

🛠️ Technologies Used

• Frontend:
  • HTML5, CSS3, JavaScript (ES6+)
  • Tailwind CSS - Utility-first CSS framework
  • GSAP - Animation library
  • Font Awesome - Icon library

🚀 Getting Started

Prerequisites

• Modern web browser (Chrome, Firefox, Safari, Edge)
• Git (for version control)
• Code editor (VS Code, Sublime Text, etc.)

Installation

1. Open in browser
   • Simply open index.html in your preferred web browser
   • Or use a local server (recommended):

     # Using Python (if installed)
     python -m http.server 8000

     Then visit http://localhost:8000

🎨 Customization

Theme Customization

• Toggle between light and dark mode using the theme toggle button
• Theme preference is automatically saved in localStorage
• Customize colors in css/style.css

Project Showcase

1. Edit project data in js/main.js
2. Add your project images to the images/projects/ directory
3. Update project details, links, and descriptions

Contact Form

• Form includes client-side validation
• To enable form submission, update the form action in index.html
• For server-side handling, you'll need to implement an API endpoint

🌐 Browser Support

Browser	Status
Chrome	✅
Firefox	✅
Safari	✅
Edge	✅
IE 11	⚠️

Note: Internet Explorer 11 has limited support

🤝 Contributing

Contributions are welcome! Please follow these steps:

1. Fork the repository
2. Create a new branch (git checkout -b feature/AmazingFeature)
3. Commit your changes (git commit -m 'Add some AmazingFeature')
4. Push to the branch (git push origin feature/AmazingFeature)
5. Open a Pull Request

📄 License

This project is licensed under the MIT License - see the LICENSE file for details.

📬 Contact

Project Link: https://yashbardhan.netlify.app/

🙏 Acknowledgments

• Tailwind CSS for the amazing utility-first CSS framework
• GSAP for smooth animations
• Font Awesome for beautiful icons
• All contributors who have helped improve this project

📈 Project Roadmap

• Add blog section
• Implement project filtering
• Add dark/light mode toggle animation
• Add internationalization support
• Add PWA support

❓ FAQ

How do I change the color scheme?

Edit the color variables in css/style.css to match your preferred color palette.

How do I add a new project?

Add your project details to the projects array in js/main.js following the existing format.

Is this template mobile-friendly?

Yes! The template is fully responsive and works on all device sizes.

Can I use this for my personal portfolio?

Absolutely! Feel free to use this as a template for your own portfolio.