{"repo":"hovinhthanh7893/portfolio","free":true,"listed":false,"github":"https://github.com/hovinhthanh7893/portfolio","clone":"git clone https://github.com/hovinhthanh7893/portfolio.git","description":"Responsive Portfolio Website using pure HTML, CSS, JavaScript and deployed with GitHub Pages. No framework and No external deployment platform needed. Integrated Three.js for 3D animated background. Give it a star 🌟 if you find it useful","language":"HTML","stars":98,"topics":["css","github-pages","html","portfolio","3js","three-js","threejs","javascript","pure-css","pure-javascript"],"license":null,"category":"deployment-docker-iac","readme_excerpt":"PORTFOLIO https://hovinhthanh7893.github.io/portfolio Updated February 2025 This is my portfolio website, created using pure HTML, CSS, JavaScript and deployed with GitHub Pages. No framework and No external deployment platform needed. Integrated Three.js for 3D animated background, responsive for different user's devices. Use EmailJS to send email directly from Javascript Setup repo - A standard repo should look like this: - Link javascript, css and webmanifest in the \\ of html - Install Prettier (esbenp.prettier-vscode) in Extensions for better view Run localhost - Install Live Server (ritwickdey.LiveServer) in Extensions - Click button \"Go Live\" on the right bottom corner of VS Code to run localhost - Access localhost on brownser at http://127.0.0.1:5500/ - Click button \"Port:5500\" on the right bottom corner of VS Code to close localhost Lighthouse checklist - \\ always has id and aria-label, min size 24x24 px - \\ always has aria-label - \\ always has alt - only use webp or svg How to deploy a GitHub Pages? - A GitHub Pages must be a public repo - Create new folder .github/workflows/deploy.yml - Make a new branch name \"gh-pages\" as a production branch - On Github repo Settings Pages Branch choose branch \"gh-pages\", folder \"/(root)\" Save - Everytime you commit to \"main\" branch, GitHub will automatically deploy to \"gh-pages\" branch - Access your live page at \"https://\\ .github.io/\\ /\" How to intergrate Three.js? - Create visual canvas in html - Import ThreeJS in index.js - Cre","default_branch":null,"files":null,"tree":[],"storefront":"/r/hovinhthanh7893","claimed":false,"request_supported":{"post":"https://gitbuyer.com/r/hovinhthanh7893/portfolio/request-supported","requests":0},"note":"indexed from public GitHub; nothing is for sale on this page. Clone it from GitHub. Paid listings live at /search."}