260 views
In this video, I recreate the Tesla clone site by adding a 3D configurator. I use Next.js 13 and the Chakra UI library for this. ⭐️ GitHub project: https://github.com/AndreaGauvreau/clo... ???? Demo site: https://clone-tesla-delta.vercel.app/ ????Contact me: https://www.andrea-gauvreau.fr/ -What is the goal of this project? This is a personal challenge for me. I wanted to test myself, try new things and see how far I could push my skills. In the end, I managed to create a faster site, with a 3D configurator, while preserving the identity of the official site. Of course, I didn't recreate 100% of the content/pages identically, because it would take too much time, but overall, we're there. I look forward to receiving your feedback and answering your questions ???? SUMMARY: 00:00 Introduction 01:11 Project analysis 03:13 Project installation 04:30 Home page 07:56 Home page - Scroll effect 10:05 Navbar 14:25 Configurator page 17:40 4-hour debrief 19:52 Continuation of development? 20:25 Fixes / Fonts / Variants 23:35 3D Configurator page 28:31 3D Configurator preview 28:43 3D Configurator page 29:03 Site point 31:18 Model page 35:13 Conclusion and results