/portfolio-sandbox

Code repository for my personal software engineering portfolio site. Built using React with minimalism in mind. A 3D page built with R3F and Drei includes a GLTF model, a custom-made GLSL shader, and live sites rendered inside an iframe.

Primary LanguageJavaScript

https://ryanparker.io

Software engineering portfolio of Ryan J. Parker
Contact me directly: ryan.jos.parker@gmail.com

Built with React, React Three Fiber, and vanilla CSS. Uses Email.js to handle form submission.
/projects3D is accomplished with a GLTF model of a CRT TV, and an <iframe> positioned in front of the screen to renders live versions of each project, which are cycled by clicking on the TV dials.

Routes

/

/projects

/projects3d

/contact

/resume

Notes

The clouds and stars effect is accomplished by adding a Three.js canvas to the scene, importing Stars and Cloud from @react-three/drei, adding a low-intensity ambient light source, then using CSS to set the z-index to -1, positioning it behind the rest of the content.