Vigyata.AI
Is this your channel?

I cloned Lando Norris $50,000 Portfolio website with $0!

18.6K views· 853 likes· 12:16· Nov 14, 2025

🛍️ Products Mentioned (5)

Checkout ChatLLM - https://chatllm.abacus.ai/gju 🔥 trying to normalise showing stupid projects which aren’t necessarily a lot of coding but just me trying something new out and figuring out smth new! So this is one of those kind of projects / videos. 📅 Code Timestamps: 00:00 The Problem & Solution Overview 01:50 Stuff going wrong 02:57 It worked but only to not work again 05:35 Progress finally!!! 09:41 Can i actually do this?? 📚 Resources & Code: GitHub Repo: https://shorturl.at/0Rmgp Scrimba for Learning to Code: https://scrimba.com/?via=lifeofgaurz Audible for Tech Books: https://www.amazon.de/hz/audible/mlp?ie=UTF8&tag=ihre_gaurijoshiyt-21 🎶 Music: Epidemic Sound - https://share.epidemicsound.com/rc6lgm 👋 Connect with me: Instagram: @lifeofgaurz - https://www.instagram.com/lifeofgaurz/ Business: gaurijoshi.business@gmail.com About Me: Senior Software Engineer in Berlin 🇩🇪 (originally Singapore 🇸🇬). I create practical coding tutorials and build real projects you can actually use. Join 30,000+ developers learning to build better tech solutions! #SoftwareEngineer #FullStackDeveloper #CodingTutorial #WebDevelopment #TechVlog #ProgrammerLife #BerlinTech #JavaScriptDeveloper #ReactJS #TechCareer #CodeLife #WomenInTech #TechTutorial #DeveloperVlog #SoftwareDevelopment #ProgrammingHumor #CodingLife #TechIndustry #BerlinStartups #DevLife #SquidGame #WebDevelopment #JavaScript #CodingProjects #GameDev #WebGL #ReactJS #Programming #TechTutorial #BerlinTech 🎉 Subscribe for more hands-on coding tutorials and real-world projects! Some links are affiliates that support the channel. Thanks for watching! 💚

About This Video

Last week I stumbled on Lando Norris’s portfolio site and had that very specific developer-brain reaction: “okay but how hard could it be to recreate it?” So in this video I try to clone the hero section—the face/helmet WebGL thing where everything moves with your cursor, patterns shift, and the background animates. I went in with the laziest plan possible (copy-paste HTML/CSS, mirror the site, run it locally)… and immediately got humbled by forbidden JS requests, missing assets, and a whole lot of “why is this not loading.” Eventually I got the full site running locally, but then hit the weirdest bug: it only worked when DevTools was open. After some sleep and a lot of debugging, it turned out to be a responsiveness issue—wider screens needed extra textures and I was missing a package. Once that was fixed, I stripped everything down to just the hero and started making it mine: generating a new portrait with AI, converting it to WEBP, and then realizing it wasn’t “just swap the image” because the effect relies on multiple texture layers (alpha/depth/roughness). I broke it a few times, used Canva to fake a better shadow, repainted the helmet to match my style, and ended up with something I’m genuinely proud of—plus a reminder that copying code teaches you… but also comes with weird shadows (literally).

Frequently Asked Questions

🎬 More from Life Of Gaurz