Din Ho Portfolio Website

A 100 points modern, semantic, and responsive portfolio website. The website is accessible on tablet and mobile devices. Google Lighthouse audit scored: 100 Performance, 100 Accessibility, 100 Best Practices, 100 SEO.

Link to website: https://hodinportfolio.netlify.app/

Google Lighthouse audit scored:

Features:

• Modern, semantic, and responsive. Accessible on laptop, tablet and mobile devices.
• Resume pdf is downloadable via HTML attribute download.
• Smooth scrolling effect via react-scroll.
• Fontawesome 5 icons via react-icons.
• Functional contact form via Netlify + React.js.
• Access external links via HTML attributes href and target='_blank'.
• Interactive buttons hovering effect via CSS properties and pseudo-element transition, transform, and :hover.
• Tablet and mobile side open menu navigation bar via React.js hooks useState and useEffect.
• Auto text typed input effect via typed.js by Matt Boldt.

Techs used:

HTML 5 CSS 3 JavaScript ES6 Vite React.js Sass

Install all dependencies to use this website as template:

npm install

Afterward:

npm start

Or:

See my portfolio website template here: https://github.com/hodinsay/portfolio-website-template

Optimization:

• Could enhance image responsiveness via HTML attributes srcset and size.
• Could possibly optimized lighthouse audit performance score by reducing unused JavaScript.