A modern, responsive personal portfolio website showcasing my projects, skills, and professional journey as a Computer Science student and AI/ML developer.
This portfolio website serves as a comprehensive showcase of my technical expertise, academic projects, and professional achievements in the field of Computer Science, with a special focus on AI/ML, Computer Vision, and Mobile Application Development. Built with clean, semantic HTML, modern CSS styling, and interactive JavaScript, the site provides an engaging user experience while maintaining optimal performance.
- Modern UI/UX: Clean, professional design with smooth animations and transitions
- Fast Loading: Optimized assets and efficient code for quick page loads
- Cross-Browser Compatible: Works flawlessly across all major browsers
- Hero Section: Eye-catching introduction with professional tagline
- About Me: Comprehensive overview of background, education, and interests
- Skills Showcase: Visual representation of technical proficiencies
- Project Gallery: Detailed display of featured projects with descriptions and links
- Experience Timeline: Professional journey and achievements
- Contact Form: Interactive form for visitor inquiries and networking
- Social Links: Direct connections to GitHub, LinkedIn, and other professional platforms
- Smooth Scrolling: Enhanced navigation experience
- Interactive Elements: Hover effects, animations, and transitions
- Form Validation: Client-side validation for contact forms
- Performance Optimized: Minimal dependencies, clean code structure
- SEO Friendly: Proper semantic HTML and meta tags
Visit the deployed website: https://dipanmazumder.netlify.app/
# Clone the repository
git clone https://github.com/dipan313/Portfolio-Website.git
# Navigate to project directory
cd Portfolio-Website
# Open in browser
# Option 1: Double-click index.html
# Option 2: Use a local server (recommended)
python -m http.server 8000
# Then visit http://localhost:8000Portfolio-Website/
├── index.html # Main HTML file
├── css/
│ ├── style.css # Main stylesheet
│ └── responsive.css # Media queries (if separate)
├── js/
│ ├── main.js # Core JavaScript functionality
│ └── animations.js # Animation effects (if separate)
├── assets/
│ ├── images/ # Project screenshots, profile pictures
│ ├── icons/ # Social media icons, skill icons
│ └── resume/ # Downloadable resume PDF
└── README.md # Project documentation
| Technology | Purpose | Percentage |
|---|---|---|
| HTML5 | Structure & Semantic Markup | 27.5% |
| CSS3 | Styling, Animations & Layout | 44.7% |
| JavaScript | Interactivity & Dynamic Content | 27.8% |
- Responsive Design: CSS Flexbox & Grid
- Animations: CSS Transitions & Keyframes
- Icons: Font Awesome / Custom SVGs
- Fonts: Google Fonts for typography
- Version Control: Git & GitHub
The portfolio highlights my best work including:
- Medical Image Enhancement System - SRGAN-based super-resolution for healthcare
- Khelo Sathi - Sports assessment mobile application for India
- Crowd Management System - Real-time panic detection and crowd analysis
- SARATHI - Hackathon project for practical problem-solving
- TicTacToe-AI - Intelligent game with Minimax algorithm
- 🎓 3rd Year CS Student with strong foundation in software engineering
- 🏆 Hackathon Winner - First place in internal college hackathon (Dot Slash)
- 🚀 Project Leadership - Led multiple teams in SIH 2025 and other competitions
- 💻 Technical Versatility - Proficient in Python, AI/ML, Computer Vision, Mobile Development
- 🤝 Team Collaboration - Experienced in managing and working with diverse teams
- AI/ML Frameworks: TensorFlow, TensorFlow Lite, MediaPipe, YOLO
- Computer Vision: Pose estimation, Object detection, Image processing
- Mobile Development: Android development with TensorFlow Lite integration
- Web Development: HTML, CSS, JavaScript, Responsive Design
- Version Control: Git, GitHub with comprehensive documentation
// In js/main.js
const personalInfo = {
name: "Your Name",
title: "Your Title",
email: "[email protected]",
github: "yourusername",
linkedin: "yourprofile"
};<!-- In index.html -->
<div class="project-card">
<img src="assets/images/project-thumbnail.jpg" alt="Project Name">
<h3>Project Title</h3>
<p>Project description...</p>
<a href="github-link">View Code</a>
</div>/* In css/style.css */
:root {
--primary-color: #your-color;
--secondary-color: #your-color;
--accent-color: #your-color;
}- Dark Mode Toggle: Theme switching functionality
- Blog Section: Technical articles and tutorials
- Project Filters: Category-based project filtering
- Analytics Integration: Track visitor engagement
- Testimonials Section: Recommendations and feedback
- Animations Library: Advanced GSAP or Framer Motion integration
- Multi-language Support: i18n implementation
- Progressive Web App: PWA features for offline access
While this is a personal portfolio, suggestions and feedback are always welcome!
- Fork the repository
- Create a feature branch (
git checkout -b feature/Suggestion) - Commit your changes (
git commit -m 'Add suggestion') - Push to the branch (
git push origin feature/Suggestion) - Open a Pull Request
This project is licensed under the MIT License - see the LICENSE file for details.
This portfolio was built using knowledge from:
- HTML5 & CSS3 best practices
- JavaScript ES6+ features
- Responsive web design principles
- UI/UX design fundamentals
- Web accessibility standards (WCAG)
Dipan Mazumder
- 🌐 Portfolio: Live Demo
- 💼 LinkedIn: dipanmazumder
- 🐙 GitHub: @dipan313
- 📧 Email: [Contact Form on Portfolio]
⭐ Star this repository if you find it helpful or get inspired!
📝 Fork and customize to create your own amazing portfolio!
Crafted with 💻 and ☕ by Dipan Mazumder
- Inspiration from modern portfolio design trends
- Icons from Font Awesome
- Fonts from Google Fonts
- Hosting via GitHub Pages
- Thanks to the open-source community for resources and inspiration
Note: This portfolio is actively maintained and updated regularly with new projects and achievements. Check back often for the latest updates!