🚀 Shashank Trivedi | Full Stack Java Developer Portfolio

A premium, high-performance, and visually stunning portfolio website designed for a modern Software Engineer. This project showcases my journey as an Application Developer @ Maruti Suzuki, featuring enterprise-grade projects, industry certifications, and real-time coding statistics.

---

✨ Key Features

• 🌌 Dynamic Hero Section: Integrated with Particles.js for a cinematic background and rotating technology rings around the profile photo.
• 🎭 Advanced Typography: Rotating roles powered by Typed.js and custom Google Fonts (Poppins, Ubuntu, JetBrains Mono).
• 📊 Real-time GitHub Stats: Automatically fetches public repository data, stars, and contribution streaks using the GitHub REST API.
• 💼 Interactive Timeline: A clean, vertical experience timeline highlighting professional milestones and internships.
• ⚙️ Modern Skill-set Grid: Category-wise skills with Devicon iconography and animated proficiency bars.
• 🚀 3D Project Showcase: Responsive project cards with 3D tilt effects powered by Vanilla-Tilt.js.
• 🏆 Achievements & Certifications: Dedicated carousels for competitive programming ranks and 17+ industry certifications.
• 🌓 Hybrid Theme Support: A sophisticated dark/light mode toggle with system persistence.
• 📱 Fully Responsive: Optimized for every device, from ultra-wide monitors to small mobile screens.

---

🛠️ Technology Stack

Category	Technologies
Core	HTML5, CSS3 (Vanilla), JavaScript (ES6+)
Libraries	jQuery, Typed.js, Owl Carousel 2, AOS (Animate On Scroll)
Animations	Particles.js, Vanilla-Tilt.js, CSS Keyframes
Icons	FontAwesome 6, Devicon (SVG & Font)
APIs	GitHub REST API integration

---

📂 Project Structure

portfolio/
├── images/             # All visual assets (logos, profile, backgrounds)
│   ├── certificates/   # Certification proof images
│   ├── logo/          # Tech & platform logos
│   └── achievements/   # Award & trophy photos
├── pdf/                # Documents (Resume/CV)
├── script.js           # Core logic, Typed.js config, GitHub API fetcher
├── style.css           # 3500+ lines of custom premium styling
├── index.html          # Main entry point with semantic SEO structure
└── README.md           # Documentation

---

🚀 Quick Setup

1. Clone the Repository

   git clone https://github.com/strivedi4u/portfolio.git
   cd portfolio

2. Add Your Profile Photo

   • Place your portrait photo in images/ and name it myphoto.png.
   • The CSS uses object-fit: cover to ensure it fits perfectly in the circular frames.

3. Update Personal Info

   • Open index.html and search for the <!-- Update Info Here --> comments (or just search for "Shashank") to replace with your details.
   • Update the GitHub username in script.js (line 227) to fetch your own stats.

4. Go Live

   • Simply open index.html in any modern browser or host it via GitHub Pages.

---

📸 Screenshots

Tip

Add your portfolio screenshots here once deployed!

🤝 Contributing

Contributions are what make the open source community such an amazing place to learn, inspire, and create. Any contributions you make are greatly appreciated.

1. Fork the Project
2. Create your Feature 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.

---

⚖️ Code of Conduct

We are committed to fostering a welcoming and inclusive community. Please read our Code of Conduct for more details.

---

📬 Contact

Shashank Trivedi
📧 Contact via LinkedIn
📍 Gurugram, Haryana, India
💼 LinkedIn | GitHub