š I Built a 3D Animated Portfolio Website in Under 1 Hour Using Gemini
A quick experiment turned into a stunning 3D portfolio ā hereās how I did it. š Live Demo š https://sripadh-sujith.github.io/portfolio/ š” The Idea I wanted to create a modern, eye-catching portf...

Source: DEV Community
A quick experiment turned into a stunning 3D portfolio ā hereās how I did it. š Live Demo š https://sripadh-sujith.github.io/portfolio/ š” The Idea I wanted to create a modern, eye-catching portfolio with: Smooth 3D animations Interactive UI Minimal development time Instead of building everything from scratch, I challenged myself: ā” Can I build a full 3D portfolio in under an hour using AI? š§ The Tool: Gemini I used Gemini as my AI coding assistant to: Generate code snippets Suggest UI/UX improvements Help debug issues instantly This drastically reduced development time. š ļø Tech Stack HTML5 ā Structure CSS3 ā Styling & animations JavaScript ā Interactivity Three.js ā 3D graphics GitHub Pages ā Hosting ā” How I Built It (Step-by-Step) 1. š§© Planning the Layout I quickly outlined: Hero section with 3D animation About section Projects showcase Contact section 2. š¤ Generating Code with AI Using Gemini, I prompted things like: āCreate a 3D animated hero section using Three.jsā āAdd