1
Watch
0
Star
0
Fork
0
Issue

Personal portfolio

gabrieltrompiz
gabrieltrompiz
pushedAt 6 months ago

gabrieltrompiz/portfolio


Personal portfolio

Table of Contents

About this project

I started this project at the beginning of 2021 to have a place to showcase my side projects and to explore new technologies while I developed it. I decided to give a try to Three.js and WebGL in this project and got a good grasp of the basics. At the same time it's my first project with Next.js. It's now live and can be visited at gabrieltrompiz.com.

Tech Stack

  • React with TypeScript
  • Next.js
  • Redux
  • Sass
  • Three.js (using @react-three/fiber)
  • Framer Motion

Screenshots

Screen Shot 2021-11-14 at 10 13 18 PM

Screen Shot 2021-11-14 at 10 13 29 PM

Screen Shot 2021-11-14 at 10 13 45 PM

Screen Shot 2021-11-14 at 10 13 53 PM

Known Issues

Apparently there is a problem with Safari 15 and WebGL 2 that causes the app to randomly crash if you are using iOS 15+ or MacOS Monterey. There are some workarounds but is actually a Safari regression and not a Three.js/WebGL one. I tried to reproduce it but only managed to do it on iOS and since the mobile version of the site is still in development, it's not a priority right now.

Reference: Safari v15 (on desktop) -> threejs bug #22582.

ucloud ads