A responsive single-page developer portfolio built with HTML, CSS, and vanilla JavaScript. This project presents Vivek Maddheshiya's profile, education, featured projects, certifications, and contact details in a polished personal website format.
GitHub: https://github.com/vivekmaddy16/Portfolio
This portfolio is designed as a static front-end website with a strong visual presentation and smooth interactions. It uses a custom layout, animated sections, and a Three.js-powered hero background to create a modern personal brand site without any build step or framework setup.
- Responsive single-page portfolio layout
- Animated hero section using
Three.js - Scroll reveal effects and smooth anchor navigation
- Interactive project preview popup
- Custom cursor and hover interactions
- Dedicated sections for about, education, projects, certifications, and contact
HTML5CSS3JavaScriptThree.jsloaded via CDN- Google Fonts
Portfolio/
|-- index.html
|-- style.css
|-- script.js
|-- README.md
`-- assets/
|-- profile.png
|-- fixify.png
|-- hireboost.png
`-- My_Resume.pdf
No installation is required.
- Clone the repository:
git clone https://github.com/vivekmaddy16/Portfolio.git- Open the project folder.
- Open
index.htmldirectly in your browser.
For a smoother development experience, you can also run it with a local static server such as VS Code Live Server.
- Update personal details, section content, and links in
index.html - Modify animations and interactions in
script.js - Adjust colors, spacing, typography, and responsive styles in
style.css - Replace images and resume files inside the
assets/folder
- Hero
- About Me
- Education
- Featured Projects
- Process
- Certifications
- Contact
- The site is fully static and does not require a backend.
- External libraries and fonts are loaded from CDNs, so an internet connection is needed for those resources to load properly.
- Email:
vivekmaddheshiya19@gmail.com - GitHub:
https://github.com/vivekmaddy16 - LinkedIn:
https://linkedin.com/in/vivekmaddy16