https://github.com/psygo/aquarifolio

Aquarifolio - Philippe Fanaro's Portfolio with Three.js
https://github.com/psygo/aquarifolio

3d portfolio threejs

Last synced: about 11 hours ago
JSON representation

Aquarifolio - Philippe Fanaro's Portfolio with Three.js

• Host: GitHub
• URL: https://github.com/psygo/aquarifolio
• Owner: psygo
• Created: 2023-12-20T14:19:48.000Z (11 months ago)
• Default Branch: main
• Last Pushed: 2024-05-30T18:58:34.000Z (5 months ago)
• Last Synced: 2024-05-31T18:26:57.814Z (5 months ago)
• Topics: 3d, portfolio, threejs
• Language: TypeScript
• Homepage: https://aquarifolio.vercel.app
• Size: 3.16 MB
• Stars: 0
• Watchers: 1
• Forks: 0
• Open Issues: 0
• Metadata Files:
  • Readme: README.md

Awesome Lists containing this project

README

        
# Aquarifolio - Philippe Fanaro's Three.js Portfolio

My portfolio, done with [Three.js](https://threejs.org/). You can just click on my name to on the aquarium's overlay to reach the portfolio.



## What am I using?

- [NextJS](https://nextjs.org/)

- [React](https://react.dev/)

- [Three.js](https://threejs.org/) through:

  - [React Three Fiber](https://docs.pmnd.rs/react-three-fiber/getting-started/introduction)

  - [Drei](https://github.com/pmndrs/drei)

  - [React Three Rapier](https://github.com/pmndrs/react-three-rapier), a physics engine for Three.js

- [Tailwind](https://tailwindcss.com/)

- [shadcn/ui](https://ui.shadcn.com/)

- [daisyUI](https://daisyui.com/)

## References

- A lot of my learning is done through my [three-lab repository](https://github.com/psygo/three-lab).

- [Three.js Examples](https://threejs.org/examples/#webgl_animation_keyframes)

- My fundamentals come from Bruno Simon's amazing [Three.js Journey](https://threejs-journey.com/) course.

- From [React Three Fiber's Showcase Examples](https://docs.pmnd.rs/react-three-fiber/getting-started/examples):

  - [Color Grading](https://codesandbox.io/p/sandbox/color-grading-wvgxp?file=%2Fsrc%2FApp.js)

  - [React Ellipse Curve](https://codesandbox.io/p/sandbox/react-ellipsecurve-xzi6ps?file=%2Fsrc%2FApp.js)

  - [Portals](https://codesandbox.io/p/sandbox/portals-ik11ln?file=%2Fsrc%2FApp.js)

  - [Aquarium](https://codesandbox.io/p/sandbox/aquarium-n7jf0f?file=%2Fsrc%2Findex.js%3A33%2C31)

  - [React EllipseCurve](https://codesandbox.io/p/sandbox/react-ellipsecurve-forked-vwdmx8?file=%2Fsrc%2FApp.js%3A39%2C20)

- [Wawa Sensei's YouTube Channel](https://www.youtube.com/@WawaSensei)

- [Poimandres Open Source Collective](https://github.com/pmndrs)

- 3D HTML:

  - [HTML on a Laptop](https://codesandbox.io/p/sandbox/mixing-html-and-webgl-w-occlusion-9keg6?file=%2Fsrc%2FApp.js%3A32%2C20)

- Others:

  - [Floating Astronaut](https://codesandbox.io/p/sandbox/backdrop-and-cables-2ij9u?file=%2Fsrc%2FApp.js)