React + Vite + ThreeJS - 3D Portfolio

Tech Stack

• React, Vite, TailwindCSS, ThreeJS, GSAP

Preview

Online version

https://jonatandb.dev.ar/threejs_portfolio/

Run Locally

Clone the project

  git clone https://github.com/Jonatandb/threejs_portfolio

Go to the project directory

  cd threejs_portfolio

Install dependencies

  pnpm install

• You can also use npm or yarn. But stay consistent to avoid problems.

Start the server

  pnpm run dev

Visit:

• http://localhost:5173

Production build for Github Pages

Build the project:

  pnpm build

Useful websites

• Three.js – JavaScript 3D Library.
• GLTF convertor – 🎮 Turns GLTFs into JSX components.
• Sketchfab – 🚗 3D Models.
• GSAP – A wildly robust JavaScript animation library built for professionals.
• React-globe.gl – React component for Globe Data Visualization using ThreeJS/WebGL.
• EmailJS – Send email directly from your code – no server side code required.
• <model-viewer> – Easily display interactive 3D models on the web & in AR.
• glTF Viewer
• RealFaviconGenerator – Favicon generator. For real.

Author

• Jonatandb - @jonatandb