Build and Deploy an Amazing 3D Web Developer Portfolio in React JS | Beginner Three.js Tutorial
Why Stack Overflow recommends it
Stack Overflow users cite it as the tutorial they are following when they hit problems with textured Three.js balls, framer-motion page transitions, or the shared assets/index.js icon exports.
Recommended by 1 people across 1 different months, 2023 to 2024.
What it is
A nearly three-hour beginner tutorial from JavaScript Mastery that builds a 3D developer portfolio site with React, Three.js and Tailwind CSS, then deploys it. It covers 3D models and textured shapes, animated page sections, and a vertical-timeline work history, with a free code and asset kit provided.
What people said
Recommends Rabbie Wordie · 2023-07 · Stack Overflow · on “Problem displaying 2d image on 3d surface”
I am working on a code tutorial from youtube and I have run into an issue where I have 13 icosohedronGeometry balls successfully rendered to my screen. However the 2d images the video has me displaying on the balls are not visible. I have no errors in my console. This project is Three.js and tailwindcss. NO TYPESCRIPT. NOTE: This is my first thrre.js project and I am still very much a greenhorn in software development following the self taught route. Thank you for your patience, understanding, and help. You are greatly appreciated. MAIN QUESTION How do I get the icon images from 'technologies' to render correctly onto the side of the ball? The object seems to be to make it look similar to a
Cites my_neme_eh_jeff n · 2023-05 · Stack Overflow · on “React page transitions using higher order components and framer motion”
I am trying to implement page transitions using framer motion in react JS. I have a layout file which basically contains the structure of my UI and I have wrapped my components in the AnimatePresence component given by framer motion for exit transition. I also am making a HOC which will wrap my code inside a motion.div so that i wont have to copy paste the code for every page but rather can just wrap the export and the animation will be applied for the page. This is giving me an issue. If I import it consider named export it throws the error in the console - Uncaught SyntaxError: The requested module '/src/HOC/PageTransitionWrapper.jsx?t=1684151786646' does not provide an export named 'PageW
Cites Alfie Harris · 2024-08 · Stack Overflow · on “Importing images to use as icons within a react.js project”
I have an index.js that imports images to use as icons in a verticaltimeline component (from react.js) that showcases my work experience. This project is followed by a tutorial ( [this video] ) where in the file they provided all the images are imported fine. However, when I try and add my own image into the same asset file and call it I get this error: SyntaxError: The requested module '/src/assets/index.js' does not provide an export named 'whittleburypark' (at index.js:26:5) Here is the import code: import { mobile, backend, creator, web, javascript, typescript, html, css, reactjs, redux, tailwind, nodejs, mongodb, git, figma, docker, meta, starbucks, tesla, shopify, carrent, jobit, tripguide,