A modern, responsive personal portfolio website showcasing my projects, skills, and professional experience as a Full Stack Developer. Built with clean design principles and smooth user experience in mind.
- 🎨 Modern UI/UX Design - Clean, professional interface with gradient effects and smooth animations
- 📱 Fully Responsive - Optimized for all devices (mobile, tablet, desktop)
- 🎯 Interactive Navigation - Smooth scrolling with active section highlighting
- 💼 Project Showcase - Detailed project cards with tech stack and live demos
- 🎓 Certifications Section - Display of professional certifications and achievements
- 📄 Resume Preview - Embedded PDF viewer with download functionality
- 📧 Contact Form - Easy-to-use contact section with social media integration
- ⚡ Performance Optimized - Fast loading times and smooth transitions
- HTML5 - Semantic markup structure
- CSS3 - Custom styling with modern features
- Tailwind CSS - Utility-first CSS framework
- JavaScript (Vanilla) - Interactive functionality
- Font Awesome - Icon library
- Google Fonts - Typography (Poppins, Inter)
- Google Drive API - Resume embedding
Resume-Generator/
│
├── index.html
├── certificates
├── pages
│ ├── resume.html
├── projects
├── assets
├── index.html
├── index-old.html
└── README.md
- A modern web browser (Chrome, Firefox, Safari, Edge)
- Basic text editor or IDE (VS Code recommended)
-
Clone the repository git clone https://github.com/Sweety-Vigneshg/portfolio-website.git
-
Navigate to project directory cd portfolio-website
-
Local Development For local development with live reload:
- Install "Live Server" extension
- Right-click on index.html
- Select "Open with Live Server"
README Highlights:
✅ Professional structure with badges and icons
✅ Comprehensive feature list showcasing all functionalities
✅ Clear installation instructions for easy setup
✅ Detailed sections overview explaining each part
✅ Technology stack clearly documented
✅ Customization guide for easy modifications
✅ Deployment options for multiple platforms
✅ Color scheme documentation for designers
✅ Browser compatibility information
✅ Contributing guidelines for open source
✅ Professional formatting with emojis and structure