🌐 Personal Portfolio Website
A modern, responsive portfolio website showcasing my web development projects and skills. Built with clean HTML, CSS.
🚀 Live Demo
View Live Website → https://dipchy409.github.io/Portfolio-dip.dev/
📖 About
This is my personal portfolio website where I showcase my web development journey, skills, and projects. The website is designed to be fully responsive, accessible, and optimized for all devices.
Purpose: To present my work to potential employers, clients, and collaborators while demonstrating my front-end development capabilities.
✨ Features 🎨 Modern Design - Clean and professional UI/UX 📱 Fully Responsive - Works seamlessly on desktop, tablet, and mobile ⚡ Fast Loading - Optimized images and minimal dependencies 🎭 Smooth Animations - CSS transitions and scroll effects 📧 Contact Form - Integrated with EmailJS for direct messaging 🎯 Smooth Navigation - Scroll-to-section functionality ♿ Accessible - Semantic HTML and ARIA labels 🌙 Sticky Navigation - Easy access to all sections
🛠️ Technologies Used Core Technologies
HTML5 - Semantic markup structure CSS3 - Modern styling and animations
Libraries & Tools
Font Awesome - Icons
Google Fonts (Poppins) - Typography
EmailJS - Contact form functionality
Git & GitHub - Version control and hosting
Design Features
CSS Grid & Flexbox for layouts CSS Custom Properties (Variables) Media Queries for responsiveness CSS Animations and Transitions
📑 Sections 1. Navigation Bar
Sticky header with links to all sections Social media and GitHub links Download CV button
- Hero Section
Personal introduction Professional headshot Quick navigation to key sections
- Skills Section
Showcase of technical skills Visual representation with logos Hover effects on skill cards
- Projects Section
Featured project showcases Live project links in footer Project descriptions and technologies
- Contact Section
Functional contact form Form validation Email integration via EmailJS
- Footer
Links to live projects Copyright information Built with love message
💻 Installation Prerequisites
A modern web browser (Chrome, Firefox, Safari, Edge) Text editor (VS Code recommended) Git (optional, for cloning)
🎯 Usage Local Development
Open the project in your code editor Modify the files as needed:
index.html - Structure and content
style.css - Styling and design
Add your images to images/ folder
Test responsiveness using browser DevTools
Customization Update Personal Information html
Change Colors css/* In style.css */ :root { --text-color: #1a1c20; --link-color: #4a76ee; --background-color: #eeeff1; } Add Your Projects Update the footer links and project descriptions with your own work.🎨 Projects Showcase This portfolio includes links to my other projects:
- E-commerce Website Clone
Amazon-inspired shopping interface Responsive product listings Modern CSS layouts View Project →
- Interactive Login Form
Animated login/signup form Form validation Smooth transitions
📱 Browser Support BrowserVersionChrome✅ LatestFirefox✅ LatestSafari✅ LatestEdge✅ LatestOpera✅ Latest
🎓 What I Learned Building this portfolio helped me learn:
✅ Responsive web design principles ✅ CSS Grid and Flexbox layouts ✅ JavaScript DOM manipulation ✅ API integration (EmailJS) ✅ Form validation ✅ Git version control ✅ Web accessibility standards ✅ Performance optimization
🚀 Future Enhancements Planned improvements:
Add dark mode toggle
Implement blog section
Add more project case studies
Include testimonials section
Add loading animations
Integrate Google Analytics
Add more interactive elements
Create multi-language support
📄 File Structure
portfolio/
│
├── index.html # Main HTML file
├── style.css # Stylesheet
├── README.md # Project documentation
├── dipchy.pdf # Resume/CV
│
└── images/ # Image assets
├── pic.webp # Profile picture
├── html-logo.webp
├── css-logo.webp
├── javascript-logo.webp
└── 5013256.jpg # Project image
🤝 Contributing
While this is a personal portfolio, suggestions and feedback are welcome!
Fork the repository Create a feature branch (git checkout -b feature/improvement) Commit changes (git commit -m 'Add improvement') Push to branch (git push origin feature/improvement) Open a Pull Request
📝 License This project is open source and available under the MIT License. Feel free to use this code for your own portfolio, but please:
Remove my personal information
Add your own content
Give credit if you use significant portions
👤 Author
Dip Chowdhury
🌐 Portfolio: https://dipchy409.github.io/Portfolio-dip.dev/
💼 GitHub: @DipChy409
📧 Email: dipcdy6709@gmail.com
🙏 Acknowledgments
Font Awesome for icons
Google Fonts for Poppins font family
EmailJS for contact form functionality
Inspiration from various developer portfolios
📊 Project Stats
Show Image
Show Image
Show Image
💬 Feedback
If you have any feedback or suggestions, please feel free to reach out via:
Opening an issue on GitHub
Sending an email to dipcdy6709@gmail.com
Connecting on LinkedIn