Interactive isometric room portfolio built in React: explore the scene and click objects to jump into sections about work and background. Models lean on a single-color look (periwinkle / blue-gray) with a calm, editorial feel.
- 3D scene in the browser — Room, furniture, and props rendered with React Three Fiber (Three.js).
- Motion — Transitions and interaction feel handled with react-spring.
- Asset pipeline — Environment and objects modeled in Blender, brought into the React/R3F app.
- GitHub Pages — Static deployment at the link above.
| Layer | Tools |
|---|---|
| UI | React |
| 3D | React Three Fiber (Three.js) |
| Animation | react-spring |
| 3D content | Blender |
| Hosting | GitHub Pages (/3D-Portfolio) |
git clone https://github.com/trevsm/3D-Portfolio.git
cd 3D-Portfolio
npm install
npm run devIf your dev script is different (e.g. npm start), use whatever is in package.json.
npm run buildFollow your usual GitHub Pages flow for this repo (e.g. deploy from gh-pages or GitHub Actions) so https://trevsm.github.io/3D-Portfolio/ stays in sync.
MIT — Copyright (c) 2022 Trevor Smith. Full terms in LICENSE.