This is a portfolio website designed to showcase my skills, projects, and experience as a web developer. The website is designed to be simple, clean, and minimal, ensuring a great user experience across all devices. It features sections such as Home, About, Portfolio, and Contact.
- Responsive Design: The website is fully responsive and adapts to different screen sizes, including mobile, tablet, and desktop views.
- Active Navbar Highlighting: The navigation bar highlights the current active page to enhance user navigation.
- Icon Color Change on Hover: GitHub link icons change to a white-themed version on hover to improve visual feedback.
- Responsive Image Swap: The About section image changes based on the screen size for better display on mobile and desktop views.
- Form Validation and Confirmation: The contact form includes validation for required fields and displays a success message upon submission.
- Hamburger Menu for Mobile View: A hamburger menu appears on smaller screens, allowing users to toggle the visibility of the mobile navigation menu.
- HTML5: For the structure and layout of the website.
- CSS3: For styling the website, including Flexbox for layout, media queries for responsiveness, and transitions for visual effects.
- JavaScript: For interactive features such as form validation, responsive image swapping, and hamburger menu functionality.
- MDN Web Docs: For detailed documentation on HTML, CSS, and JavaScript (https://developer.mozilla.org).
- Nielsen Norman Group: For design principles and website layout. (https://www.nngroup.com/articles/ten-usability-heuristics/)
- W3Schools: For web development tutorials and references (https://www.w3schools.com).
- Stack Overflow: For community support and problem-solving (https://stackoverflow.com).
Special thanks to my course instructors of DECO1400 and peers for their valuable feedback and support throughout the development of this project.